/*!
 * Start Bootstrap - Landing Page v5.0.0 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
  font-family: "Inter-regular";
  font-size: 14px;
  color: rgba(51, 51, 51, 0.7);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter-regular";
  font-weight: 700;
}

/*header.masthead {
  position: relative;
  background: url("../img/header background image.png") no-repeat center bottom;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}*/

header.masthead .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.become-premium {
  /* background: linear-gradient(90deg, #00b82d, #3dd759) !important; */
  color: #fff !important;

  display: block;
  width: 100%;
  /*padding: .25rem 1.5rem;*/
  padding: 8px 45px 8px 19px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.become-premium:hover {
  /* background: linear-gradient(90deg, #00b82d, #3dd759) !important; */
  color: #fff !important;
}

header.masthead h1 {
  font-size: 2rem;
}

a {
  text-decoration: none !important;
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

.features-icons {
  padding-top: 3rem;
  padding-bottom: 3rem;
  -moz-box-shadow: 0 5px 13px -5px #ccc;
  -webkit-box-shadow: 0 5px 13px -5px #ccc;
  box-shadow: 0 5px 13px -5px #ccc;
  z-index: 111;
  position: relative;
}

.features-icons h4 {
  font-size: 35px;
  font-family: "Inter-bold";
  color: #333333;
  margin-bottom: 0;
  font-family: "Inter-regular";
  font-weight: 100;
}

.features-icons p {
  margin-bottom: 0px;
  font-size: 16px;
  font-family: "Inter-regular";
  color: #333333;
}

.popular-services .popular-block p {
  font-size: 16px;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.custom-text-header span:first-child {
  font-family: "Inter-regular";
  color: #262f3f;
  font-size: 13px;
}

.custom-text-header span {
  font-family: "Inter-regular";
  color: rgba(38, 47, 63, 0.4);
  font-size: 12px;
}

.avtar-detail a {
  text-decoration: none !important;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  -webkit-box-shadow: 0px 5px 5px 0px #adb5bd;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.features-icons-icon img {
  max-width: 100%;
  height: auto;
}

header.masthead .form-control-lg {
  font-family: "Inter-regular";
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px 0px 0px 5px;
  color: rgba(51, 51, 51, 0.4);
}

.search-form input {
  width: 70%;
  float: left;
}

.search-form button {
  width: 30%;
  border-radius: 0px 5px 5px 0px;
  background: #409897;
  border-color: #409897;
  padding: 12px;
  font-family: "Inter-regular";
  font-size: 15px;
  font-weight: bold;
}

header.masthead p {
  font-family: "Inter-regular";
  /*font-size: 22px;*/
  font-size: 16px;
  font-weight: bold;
  /* color: #F8F8F8; */
}

.header a {
  font-family: "Inter-regular";
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}

.header {
  padding: 20px 0 20px 0;
}

.header-block a:after {
  content: none;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.login.btn {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  margin-right: 2px;
  width: 85px;
}

.register.btn {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  /* margin-right: 10px; */
  width: 85px;
}

.header-block .dropdown-menu {
  min-width: 12rem;
}

.header-block .dropdown-submenu {
  position: relative;
}

.header-block .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* .header-block ul li{
  margin-left: 12px;
  } */
.header-block ul {
  padding: 0;
}

.header-block ul li {
  border-bottom: 1px solid #e3e3e3;
  padding: 5px 45px 5px 19px;
  color: #c7c7c7 !important;
  font-size: 14px;
  margin-left: 0px;
}

.header-block ul li:last-child {
  border-bottom: none;
}

.header-block ul li:hover {
  background: #f1f7ff !important;
  border-left: 3px solid #3771f6 !important;
  transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  background-color: white;
}

.popular-services {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #f8f8f8;
}

.sub-heading {
  color: #219897;
  font-family: "Inter-regular";
  font-size: 16px;
  font-weight: 700;
}

.heading {
  font-size: 30px;
  line-height: 1.2;
  color: #333333;
  font-family: "Inter-regular";
  font-weight: normal;
}

.popular-tab-icon a {
  font-size: 14px;
  color: #495057;
}

.popular-tab-icon .nav-tabs .nav-link.active {
  background-color: transparent;
  border-color: #409897;
  font-size: 14px;
  color: #262f3f;
  font-weight: 600;
  font-family: "Inter-regular";
}

.popular-tab-icon .nav-tabs .nav-link {
  border: none;
  padding: 0.5rem 20px;
  border-bottom: 3px solid transparent;
  color: rgba(38, 47, 63, 0.7);
  font-weight: 600;
  font-family: "Inter-regular";
}

.favorite-action {
  position: absolute;
  top: 5px;
  right: 5px;
}

.circle i {
  background: rgba(128, 128, 128, 0.65);
  padding: 5px;
  border-radius: 15px;
  color: #fff;
}

.red-circle i {
  background: rgba(224, 4, 4, 0.65);
  padding: 5px;
  border-radius: 15px;
  color: #fff;
  float: right;
  margin-left: 1px;
}

/***************owl*****************/
.user-avatar.small {
  width: 36px;
  height: 36px;
  margin-bottom: 0px;
}

.user-avatar img {
  border-radius: 50%;
  width: 100%;
}

.avtar-img {
  display: table-cell;
  vertical-align: middle;
}

.avtar-detail {
  display: table-cell;
  vertical-align: middle;
}

.popular-grid {
  margin-top: 40px;
}

.popular-item {
  border: 1px solid #80808061;
  position: relative;
}

.product-info {
  padding: 10px 8px;
}

.text-header {
  color: #333333;
  font-size: 16px;
  margin-bottom: 8px;
  font-family: "Inter-regular";
  font-weight: normal;
  word-wrap: break-word;
}

.custom-text-header p {
  margin-bottom: 0px;
}

#svg-star {
  fill: #ffc000;
  width: 12px;
  height: 15px;
}

.review span {
  color: #ffc000;
}

.total-price span {
  color: #262f3f;
  font-size: 14px;
  font-family: "Inter-regular";
}

.thumbnail img {
  height: 170px;
  width: 100%;
}

.popular-tab-icon .owl-prev {
  position: absolute;
  top: 25%;
  right: 0;
  left: -22px;
}

.popular-tab-icon .owl-next {
  position: absolute;
  top: 25%;
  right: -22px;
}

.popular-tab-icon .owl-prev span {
  font-size: 40px;
  color: black;
  background: #ffffff;
  border-radius: 50%;
  padding: 0px 14px;
  box-shadow: 0px 0px 5px 1px #ccc;
}

.popular-tab-icon .owl-next span {
  font-size: 40px;
  color: black;
  background: #ffffff;
  border-radius: 50%;
  padding: 0px 14px;
  box-shadow: 0px 0px 5px 1px #ccc;
}

.get-project {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: #f8f8f8;
}

.we-offer {
  padding-bottom: 4rem;
  background: #f8f8f8;
}

.project-block {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
}

.project-title {
  color: #333333;
  font-size: 16px;
  margin-top: 25px;
  font-family: "Inter-regular";
}

.project-img img {
  width: 60px;
  height: 60px;
}

.see-all {
  display: inline-block;
  vertical-align: middle;
  color: #219897;
}

.see-all .fa {
  display: inline-block;
  vertical-align: middle;
}

.offer-title {
  font-size: 26px;
  line-height: 1.2;
  color: #333333;
  font-family: "Inter-regular";
}

.offer-image {
  background: #ffffff;
  /* padding: 50px; */
  color: #219897;
  border-radius: 50%;
  display: inline-block;
  width: 180px;
  height: 180px;
}

.offer-desc {
  color: #333333;
}

.experts-sec {
  background: #f8f8f8;
}

.experts-item {
  background: #ffffff;
  box-shadow: -4px 0px 15px 0px rgba(18, 25, 33, 0.1);
  border-radius: 12px;
  margin: 10px;
}

.experts-info {
  padding: 30px 30px 10px 30px;
}

.experts-avatar img {
  border-radius: 50%;
  width: 100%;
}

.experts-avatar.small {
  width: 26px;
  height: 26px;
  margin-bottom: 0px;
}

.expertsblock {
  display: table;
  width: 100%;
}

.experts-sec.popular-tab-icon .owl-prev,
.experts-sec.popular-tab-icon .owl-next {
  position: absolute;
  top: 35%;
}

.rating:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

#svg-star-sky {
  fill: #5dd6c1;
  width: 12px;
  height: 15px;
}

#svg-star-gray {
  fill: gray;
  width: 12px;
  height: 15px;
}

.custom-text-review {
  margin-left: 12px;
}

.custom-text-review p {
  margin-bottom: 0;
  font-family: "Inter-regular";
  color: #333333;
}

.quotation-mark {
  margin-top: -40px;
  /* font-weight: bold; */
  /* font-size: 85px; */
  /* color: white; */
  /* font-family: "Times New Roman", Georgia, Serif; */
  position: absolute;
  /* transform: rotate(180deg); */
  color: #409897;
  width: 50px;
}

.our-partner {
  background: #f8f8f8;
  padding-bottom: 6%;
}

.offer-image img {
  width: 68px;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.col-cus-5 {
  width: 20%;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
}

.reg-btn {
  background: #409897;
  border-color: #409897;
  color: #fff;
}

.seller {
  font-size: 20px;
  font-family: "Inter-regular";
  color: #333333;
}

.cus-ul {
  list-style: none;
  padding-left: 0;
}

.cus-ul li {
  padding-bottom: 8px;
  padding-top: 8px;
}

.cus-social a {
  font-size: 22px;
  color: #333333;
}

.payple p {
  margin-bottom: 0px;
}

.footer-bottom {
  border-top: 1px solid #cbcbcb;
}

.copyrighttext p {
  margin-bottom: 0px;
}

.footer-logo {
  width: 125px;
}

.cus-ul img {
  width: 16px;
}

.cus-li li {
  display: table;
  width: 100%;
}

.cus-li img {
  width: 20px;
}

.cus-li span {
  display: table-cell;
  vertical-align: middle;
}

.cus-img {
  width: 20px;
  display: table-cell;
  vertical-align: middle;
  padding-right: 6px;
}

.header-logo {
  width: 120px;
}

.cus-h5 {
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Inter-bold";
}

.cus-arrow-left {
  position: absolute;
  top: 30%;
  right: 0;
  left: 3px;
  z-index: 1;
  width: 40px;
  position: absolute;
  top: 44%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: black;
  background: #ffffff;
  border-radius: 72%;
  padding: 0px 9px;
  box-shadow: 0px 0px 5px 1px #ccc;
  cursor: pointer;
}

.cus-arrow-left img {
  width: 20px;
}

.cus-arrow-left .fa {
  font-size: 30px;
  color: black;
  background: #ffffff;
  border-radius: 50%;
  padding: 6px 12px;
  box-shadow: 0px 0px 5px 1px #ccc;
}

/* .cus-arrow-right{
  position: absolute;
  top: 30%;
  right: -54px;
  width: 6%;
  top: 44%;
  transform: translate(-50%, -50%);
  } */
.cus-arrow-right {
  font-size: 24px;
  color: black;
  background: #ffffff;
  border-radius: 50%;
  padding: 6px 12px;
  box-shadow: 0px 0px 5px 1px #ccc;
  border-radius: 50%;
  padding: 0px 12px;
  position: absolute;
  top: 30%;
  right: -45px;
  width: 40px;
  top: 44%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.cus-arrow-right img {
  width: 20px;
  transform: rotateY(180deg);
}

.cus-arrow-right .fa {
  font-size: 30px;
  color: black;
  background: #ffffff;
  border-radius: 50%;
  padding: 6px 12px;
  box-shadow: 0px 0px 5px 1px #ccc;
}

.cus-arrow-right.new {
  right: -80px;
}

.cus-arrow-left.new {
  left: 10px;
}

.cus-arrow-right.exicon {
  right: -90px;
}

.cus-arrow-left.exicon {
  left: 20px;
}

/* .slick-slide {
  margin: 0 10px;
} */

/* the parent */
/* .slick-list {
  margin: 0 -13px;
} */

.header-search .form-control-lg {
  font-size: 13px;
  line-height: 13px;
  height: 36px;
}

.header-search input {
  width: 100%;
  float: left;
}

.header-search button {
  width: 20%;
  border-radius: 0px 5px 5px 0px;
  border-color: transparent;
  font-size: 13px;
  padding: 8.5px;
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  border: none;
}

/******************menu css**********************/
.main-header .dropdown-menu {
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

@media (min-width: 767px) {
  .stick-header {
    position: sticky;
    position: -webkit-sticky !important;
    top: 103px;
    z-index: 100;
    background-color: #fff !important;
  }
}

@media (width: 768px) {
  .stick-header {
    position: sticky;
    top: 90px;
  }
}

.sub-header {
  padding-top: 2%;
  padding-bottom: 2%;
  background: #f8f8f8;
}

.all-category {
  padding-top: 3%;
  padding-bottom: 3%;
}

.popular-gigs {
  /* padding-top: 3%; */
  padding-bottom: 4%;
}

/* .dropdown:hover .dropdown-content {
  display: block;
} */

.main-navigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
}

.main-navigation .dropdown-toggle::after {
  content: none;
}

.dropdown:last-child .dropdown-menu {
  margin: 0 -130px 0;
}

.category-icon {
  width: 16px;
  margin-right: 6px;
}

.main-header {
  -moz-box-shadow: 0 5px 13px -5px #ccc;
  -webkit-box-shadow: 0 5px 13px -5px #ccc;
  box-shadow: 0 5px 13px -5px rgba(0, 0, 0, 0.125);
  position: relative;
  border-top: 1px solid #f2f2f2;
}

@media (min-width: 767px) {
  .stick-header {
    position: sticky;
    top: 103px;
    z-index: 100;
    background-color: #fff !important;
  }
}

@media (width: 768px) {
  .stick-header {
    position: sticky;
    top: 90px;
  }
}

.sub-header {
  padding-top: 2%;
  padding-bottom: 2%;
  background: #f8f8f8;
}

.popular-gigs {
  /* padding-top: 3%; */
  padding-bottom: 4%;
  background: #f8f8f8;
}

.cat-box {
  border: 1px solid #80808061;
}

.cat-box h5 {
  margin-bottom: 0;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

.cat-box a {
  color: gray;
  text-decoration: none;
}

.popular-heading {
  font-family: "Inter-bold";
  font-size: 18px;
  line-height: 1.2;
  color: #333333;
}

.profile-header {
  padding-top: 9%;
  padding-bottom: 140px;
  background: #343a40;
  /* background-image: linear-gradient(36deg, #8A12DC, #6C13A9); */
}

.profile-detail {
  position: absolute;
  width: 100%;
  left: 0;
}

.profile-header .container {
  position: relative;
}

.profile-detail .cus-container {
  background: #ffffff;
  border-radius: 10px;
  margin: 0 30px;
  padding: 20px 15px;
}

.profile-detail .col-cus-5 {
  width: 20%;
  text-align: left;
  padding-right: 15px;
  float: left;
  padding-left: 15px;
}

.skills {
  list-style: none;
  padding-left: 0;
}

.skills li {
  display: inline-block;
  border: 1px solid #80808099;
  padding: 5px;
  margin: 1px 0 3px 0;
  border-radius: 15px;
  font-size: 12px;
  color: gray;
}

.user-profile-tab {
  padding-top: 2%;
  padding-bottom: 4%;
  background: #f8f8f8;
}

.user-profile-tab .popular-tab-item {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
}

.profile-header .user-avatar.small {
  width: 50px;
  height: 60px;
}

.profile-header .cus-social a {
  font-size: 22px;
  color: gray;
}

.available i {
  color: #8a12dc;
}

.profile-header .cus-social span {
  margin-left: 12px;
}

.profile-header .cus-social li {
  margin-bottom: 8px;
}

.desc-border {
  border-top: 1px solid #dee2e6;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.user-review #svg-star-sky {
  fill: #ffc000;
  width: 12px;
  height: 15px;
}

.user-profile-tab .nav-tabs:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.user-profile-tab .nav {
  position: relative;
  margin: 0 -30px;
}

.user-profile-tab .nav-tabs .nav-link.active {
  color: #000000;
  background-color: #fff;
  border-color: #898989;
  z-index: 1;
  position: relative;
}

.user-profile-tab .nav-tabs .nav-link {
  border: none;
  /* padding: .5rem 20px;*/
  padding: 0.5rem 15px;
  border-bottom: 1px solid transparent;
}

.user-profile-tab .nav-item {
  /*padding-left: 20px;
    padding-right: 20px;*/
  /*padding-left: 14px;
    padding-right: 14px;*/
  padding-left: 5px;
  padding-right: 5px;
}

.user-profile-tab .nav-item a {
  font-size: 14px;
  color: #a4a4a4;
  text-transform: uppercase;
}

.profile-skill h4 {
  font-size: 14px;
  color: gray;
}

.total-price p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: "Inter-regular";
  color: rgba(38, 47, 63, 0.5);
  font-size: 13px;
}

.profile-header .custom-text-header h5 {
  margin-bottom: 0;
}

.profile-header .custom-text-header span {
  color: gray;
}

.member-since,
.map-location {
  color: gray;
}

.custom-text-header i {
  font-size: 8px;
  background: #bdc0c5;
  padding: 2px;
  border-radius: 12px;
  /* line-height: 1; */
  color: white;
  margin-left: 2px;
}

.cus-breadcrumb {
  background: none;
  border: 0;
  padding: 0;
  margin-bottom: 0;
}

.cus-breadcrumb li {
  display: inline-block;
}

.cus-breadcrumb li:after {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../../../frontend/images/project_image/chevron_right.png);
  display: inline-block;
  background-size: cover;
  position: relative;
  bottom: -3px;
  padding: 0;
  margin: 0px 6px 0px 11px;
}

.cus-breadcrumb li:last-child:after {
  content: none;
}

.header-breadcrumb {
  padding-top: 2%;
  /* padding-bottom: 2%; */
}

.cus-sort-by .dropdown-toggle {
  padding: 12px;
  border-radius: 26px;
  color: gray;
  text-decoration: none;
}

.cus-sort-by .dropdown-menu.show {
  display: block;
  position: absolute;
  /* background-color: #f1f1f1; */
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
  padding: 12px;
}

.cus-sort-by .dropdown-toggle::after {
  content: none;
}

.filter-box {
  border: 1px solid #80808061;
  position: relative;
  padding: 10px;
}

.filter-title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.influence_filter_title {
  display: flex;
  align-items: baseline;
  flex-direction: column;
}

#display_category_details a {
  color: #8a12dc;
}

.clearall {
  color: #5dd8be;
  text-transform: uppercase;
  font-size: 12px;
}

.all-cat {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.all-cat-list {
  list-style: none;
  padding-left: 15px;
}

.all-cat-list li {
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 6px 0 6px 0;
}

.category-box {
  margin-top: 15px;
  color: gray;
}

.search-block hr {
  border-top: 1px solid #80808061;
}

.delivery-radio {
  display: block;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
}

.delivery-radio li {
  color: gray;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 35px;
}

.delivery-radio li label {
  display: block;
  position: relative;
  font-weight: 300;
  padding: 0px 0px 25px 30px;
  margin: 12px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  width: 100%;
  text-align: left;
}

.delivery-radio input[type="radio"]:checked ~ .check {
  border: 5px solid #5dd8be;
}

.delivery-radio li .check {
  display: block;
  position: absolute;
  border: 2px solid #aaaaaa;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 12px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

/* .delivery-radio input[type=radio]:checked ~ .check::before {
  background: #0096e6;
  } */
.delivery-radio li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  /* margin: 5px; */
  right: 2px;
  bottom: 2px;
}

.delivery-radio input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.delivery-day-block p {
  margin-bottom: 0px;
}

.price-box .input-group-addon {
  padding: 12px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0;
}

.price-box .form-control {
  padding: 0 6px;
  font-size: 12px;
}

.cus-breadcrumb a {
  color: gray;
  text-decoration: none;
}

.search-banner-ads {
  margin-bottom: 25px;
}

.cart-header .cus-breadcrumb {
  margin-bottom: 5px;
}

.cart-header p {
  margin-bottom: 0;
}

.cart-block {
  padding-top: 2%;
  padding-bottom: 2%;
}

.cart-title {
  font-family: "Inter-bold";
  font-size: 24px;
  line-height: 1.2;
}

.all-item-cart-list {
  list-style: none;
  padding-left: 0px;
}

.all-item-cart-list li {
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 4px 0 4px 0;
}

.cart-box {
  border: 1px solid #80808061;
  position: relative;
  padding: 20px;
}

.cart-box-list {
  color: gray;
}

.p-bold {
  font-family: "Inter-bold";
  font-size: 16px;
  color: #333333;
}

.secure-checkout .btn {
  box-shadow: 0 3px #57b72f;
  background-color: #5cc132;
  border-color: #5cc132;
  width: 100%;
}

.cusborder {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 20px;
}

.item-block {
  padding-bottom: 20px;
}

.cart-block input {
  width: 60%;
  border-radius: 0px;
  padding: 0 0px 0 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.cart-block input[type="number"]::-webkit-inner-spin-button,
.cart-block input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.product-delete {
  position: absolute;
  bottom: 0;
  color: #609ee6;
}

.add-extras {
  font-family: "Inter-bold";
  font-size: 20px;
  line-height: 1.2;
}

.extra-block input {
  width: auto;
}

.extra-block input[type="number"] {
  width: 60%;
}

.add-extra-row {
  padding: 15px 0 15px 0px;
}

.add-extra-detail input {
  width: 5%;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.add-extra-detail .detail-box {
  width: 94%;
  display: inline-block;
  display: inline-block;
  vertical-align: top;
  float: none;
  padding-left: 35px;
}

.add-extra-detail .detail-box h6 {
  font-size: 16px;
  line-height: 1.2;
}

.add-extra-detail .detail-box p {
  color: gray;
}

/* The container */
.add-extra-detail {
  display: block;
  position: relative;
  width: 100%;
  /* overflow: hidden;*/
}

.cus-checkmark {
  display: contents;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  overflow: hidden;
}

/* Hide the browser's default checkbox */
.cus-checkmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: 3px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #868686;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.cus-checkmark:hover input ~ .checkmark {
  background-color: transparent;
  border: 1px solid #7f56d9;
}

/* When the checkbox is checked, add a blue background */
.cus-checkmark input:checked ~ .checkmark {
  background-color: #ffffff;
  /* background-color: #673AB7; */
  /* box-shadow: 0px -1px 2px 1px #7F56D9; */
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cus-checkmark input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cus-checkmark .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid #8a12dc;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.category-navigation .dropdown:last-child .dropdown-menu {
  margin: 0;
}

.sub-header .heading {
  text-transform: capitalize;
}

.product-block {
  /* padding-top: 3%; */
  padding-bottom: 3%;
}

.product-block .card-header span {
  float: right;
}

.product-block .card-header .collapsed h6 {
  color: gray;
  text-decoration: none;
}

.product-block .card-header a {
  color: #333333 !important;
  text-decoration: none;
}

.product-detail-header .nav-tabs {
  padding-bottom: 0;
  margin-top: 20px;
}

.product-detail-header {
  padding-bottom: 0;
  /* margin-top: 20px; */
}

.product-detail-header .cus-breadcrumb {
  margin-bottom: 5px;
}

.product-detail-header .nav-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: gray;
}

.product-detail-header .nav-tabs .nav-link.active {
  color: #333333;
}

.product-block .card-body {
  padding: 0.75rem 1.25rem;
}

.premium-btn .btn {
  /* box-shadow: 0 3px #57b72f;
  background-color: #5cc132;
  border-color: #5cc132; */
  width: 100%;
  text-align: left;
}

.premium-btn .btn span {
  float: right;
}

.premium-point li:before {
  background-image: url(../img/mark.png);
  position: absolute;
  z-index: 100000;
  top: 5px;
  background-size: 10px 20px;
  display: inline-block;
  width: 19px;
  height: 18px;
  content: "";
  background-size: 16px 13px;
  background-repeat: no-repeat;
  left: 0;
}

.premium-point li {
  padding-left: 24px;
  position: relative;
}

.premium-point {
  list-style: none;
  padding-left: 0px;
  margin-top: 12px;
}

.detail-point img {
  width: 20px;
}

.detail-point-one {
  width: 50%;
  float: left;
}

.detail-point-two {
  text-align: right;
}

.premium-btn {
  margin-bottom: 15px;
}

.product-slider .product-slider-img img {
  width: 100%;
  /*height: 345px;*/
}

.product-slider .product-slider-nav-img img {
  width: 75px;
  height: 75px;
}

.product-slider .slick-list {
  padding: 0 !important;
}

.product-slider {
  /* border: 1px solid rgba(0, 0, 0, .125); */
  padding: 12px;
}

.product-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.single-product-detail h5 {
  margin-bottom: 12px;
  padding-bottom: 6px;
  padding-top: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #333333;
}

.single-product-detail ul {
  padding-left: 15px;
}

.review-img {
  background: #adadad;
  width: 70px;
  height: 70px;
  border-radius: 35px;
}

.review-block {
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 35px;
}

.review-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 15px;
}

.rated span {
  background: #5cc132;
  color: white;
  padding: 2px 9px 2px 7px;
  border-radius: 12px;
  margin-left: 5px;
  font-size: 14px;
}

.review-block h5 {
  margin-bottom: 25px;
}

.review-title {
  margin-top: 12px;
}

.review-date {
  color: #a8a8a8;
  margin-bottom: 10px;
}

.flag-img img {
  width: 20px;
  -ms-transform: rotate(-22deg);
  -webkit-transform: rotate(-22deg);
  transform: rotate(-22deg);
}

.rated {
  text-transform: uppercase;
}

.product-block .card {
  border-radius: 0;
}

.user-detail {
  padding: 0.75rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-top: 15px;
}

.user-detail .avtar {
  display: inline-block;
}

.user-detail .user-avatar.small {
  width: 37px;
  height: 37px;
  margin-bottom: 0px;
}

.user-detail .detail-point {
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.user-detail-paragraph p {
  color: gray;
}

.user-detail-paragraph {
  margin-top: 12px;
}

.general-info-table {
  width: 100%;
}

.show-more-height {
  height: 40px;
  overflow: hidden;
}

.show-more {
  margin-top: 10px;
  color: #4c91e3;
  margin-bottom: 10px;
  cursor: pointer;
}

.general-info-title {
  color: gray;
}

.general-info-val {
  text-align: right;
}

.general-info .about-title {
  margin-bottom: 10px;
}

.general-info-table i {
  color: gray;
}

.cus-order {
  display: flex;
  margin-top: 10px;
}

.custom-order-btn {
  width: 80%;
  background: transparent;
  border: 1px solid;
}

.custom-order-btn-mail {
  width: 20%;
  background: transparent;
  border: 1px solid;
  margin-right: 15px;
}

#customorder .modal-header {
  display: block;
}

.request-btn {
  background: #4a90e2;
  color: #fff;
}

#customorder {
  z-index: 111111;
}

#customorder .modal-content {
  overflow: hidden;
}

#customorder .close {
  position: absolute;
  right: 10px;
  top: 7px;
  /* background: #d3d5d8; */
  border-bottom-left-radius: 35px;
  height: 50px;
  width: 50px;
  /* background-color: #959aa2; */
  border-top-left-radius: 35px;
  border-bottom-right-radius: 35px;
  overflow: hidden;
  color: #545454;
}

#customorder label {
  margin-bottom: 0;
}

.manage-sale-tabel {
  width: 100%;
}

.block-section,
.sponsored-section,
.custom-order-section {
  background: #f8f8f8;
  /*min-height: 100vh;*/
  min-height: 60vh;
  padding-bottom: 4%;
}

.manage-sale-tabel td {
  padding-bottom: 15px;
  padding-top: 15px;
}

.manage-sale-tabel .manage-sale-head {
  text-transform: uppercase;
  color: gray;
  font-family: "Inter-semibold";
}

.delivered {
  background: #abd1fe;
  padding: 3px 10px;
  border-radius: 15px;
  color: #397ce0;
  width: auto;
  display: inline-block;
  text-align: center;
}

.completed {
  background: #ddfccf;
  padding: 3px 10px;
  border-radius: 15px;
  color: #5cc132;
  width: auto;
  display: inline-block;
  text-align: center;
}

.inprogress {
  background: #fbed9c;
  padding: 3px 10px;
  border-radius: 15px;
  color: #b59911;
  width: auto;
  display: inline-block;
  text-align: center;
}

.pending {
  background: #8a8a8a;
  padding: 3px 10px;
  border-radius: 15px;
  color: #ffffff;
  width: auto;
  display: inline-block;
  text-align: center;
}

.rejected {
  background: #ff6a3e;
  padding: 3px 10px;
  border-radius: 15px;
  color: #ffffff;
  width: auto;
  display: inline-block;
  text-align: center;
}

.in_revision {
  background: #8b0000;
  padding: 3px 10px;
  border-radius: 15px;
  color: #ffffff;
  width: auto;
  display: inline-block;
  text-align: center;
}

.lbl_is_recurring {
  background: #af21e9;
  padding: 3px 10px;
  border-radius: 15px;
  color: #ffffff;
  width: auto;
  display: inline-block;
  text-align: center;
}

.filter-header h2 {
  color: #fff;
}

table.manage-sale-tabel {
  border-collapse: collapse;
}

table.manage-sale-tabel tr:first-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 18px 23px;
  text-align: left;
}

table.manage-sale-tabel tr:not(:last-child) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 18px 23px;
  text-align: left;
}

table.manage-sale-tabel tr:last-child td {
  padding: 18px 23px;
  text-align: left;
}

.block-section .cus-container-two {
  background: #ffffff;
  border-radius: 10px;
  /* margin: 0 15px; */
  padding: 0;
  margin-top: -20px;
  width: 100%;
}

.cus-filter {
  margin: 0 30px;
  padding: 0;
}

.filter-icon img {
  width: 20px;
  margin-right: 6px;
}

.filter-icon {
  color: #87b6f9;
  font-size: 15px;
  line-height: 1;
}

.span2 {
  /*background: url(../img/calender.png) no-repeat scroll 7px 13px;*/
  background: url(../img/calender.png) no-repeat scroll 7px 8px;
  padding-left: 30px;
  background-size: 20px;
  margin-right: 12px;
  background-color: #2b51b7;
  padding-left: 35px;
}

.filter-form .filter-search {
  /* width: 26%; */
  width: 21%;
}

.filter-form input,
.filter-form select {
  background-color: #8a4db2;
  color: white;
  margin-right: 12px;
}

.filter-form .span2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  margin-left: 10px;
  font-size: 13px;
}

.filter-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
  margin-left: 10px;
  font-size: 13px;
}

.filter-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  margin-left: 10px;
  font-size: 13px;
}

.filter-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
  margin-left: 10px;
  font-size: 13px;
}

.filter-form input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  margin-left: 10px;
  font-size: 13px;
}

.filter-form .form-control:focus {
  color: white;
  background-color: #8a4db2;
  border-color: #8a4db2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.filter-form .form-control {
  border: 1px solid #6e13ac;
  /*height: 50px;*/
  height: 40px;
}

.filter-form select {
  font-size: 13px;
  padding-right: 85px;
}

.filter-form {
  margin-top: 10px;
  margin-bottom: 10px;
}

.filter-header .profile-detail {
  position: absolute;
  width: 100%;
  left: 0;
  top: -80px;
}

.input-box {
  position: relative;
}

.unit-search {
  position: absolute;
  display: block;
  left: 12px;
  top: 3px;
  z-index: 1;
  color: #ffffff;
  font-size: 10px;
}

.filter-search {
  width: 20%;
  /*height: 50px;*/
  height: 40px;
  background-color: #428cff;
  color: #ffffff;
}

.register-section .add-extra-detail .detail-box {
  line-height: 1.9;
}

.profile-header-new {
  padding-top: 4%;
  padding-bottom: 9%;
  background: #3771f6;
  background-image: linear-gradient(36deg, #3770f5, #5752e3);
}

.profile-header-new2 {
  margin-top: -100px;
}

.first-row {
  margin: 0;
  background: #ffffff;
  border-radius: 10px;
  /* margin: 0 30px; */
  padding: 20px 15px;
}

.second-row {
  background: #ffffff;
  border-radius: 10px;
  margin: 0;
}

.profile-header-new2 .profile-detail {
  position: relative;
}

.profile-header-new2 .user-avatar.small {
  width: 50px;
  height: 60px;
}

.profile-page {
  background: #f8f8f8;
}

.profile-header-new2 .cus-social li {
  margin-bottom: 8px;
}

.profile-header-new2 .col-cus-5 {
  text-align: left;
}

.profile-header-new2 .cus-social span {
  margin-left: 12px;
}

.profile-header-new2 .cus-social a {
  font-size: 22px;
  color: gray;
}

.profile-header-new2 .profile-desc {
  padding: 16px;
}

/*******************chat screen**************************/

.chat-screen img {
  max-width: 100%;
}

.inbox_people {
  float: left;
  overflow: hidden;
  width: 35%;
  border-right: 1px solid #c4c4c4;
}

.inbox_msg {
  clear: both;
  overflow: hidden;
}

.top_spac {
  margin: 20px 0 0;
}

.recent_heading {
  float: right;
  width: 40%;
  text-align: right;
}

.srch_bar {
  display: inline-block;
  text-align: left;
  width: 60%;
}

.headind_srch {
  padding: 10px 29px 10px 20px;
  overflow: hidden;
  border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}

.srch_bar input {
  border: 0px;
  border-width: 0 0 1px 0;
  width: 80%;
  padding: 2px 0 4px 6px;
  background: none;
}

.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}

.chat_ib h5 {
  font-size: 15px;
  color: #464646;
  margin: 0 0 8px 0;
}

.chat_ib h5 span {
  font-size: 13px;
  float: right;
}

.chat_ib p {
  font-size: 14px;
  color: #989898;
  margin: auto;
}

.chat_img {
  float: left;
  width: 11%;
}

.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people {
  overflow: hidden;
  clear: both;
}

.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}

.inbox_chat {
  height: 550px;
  overflow-y: scroll;
}

.active_chat {
  background: #f1f7ff;
  border-left: 3px solid #3771f6;
}

.chat_list:hover {
  background: #f1f7ff;
  border-left: 3px solid #3771f6;
  cursor: pointer;
  transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}

.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
}

.received_withd_msg p {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 20px;
  color: #333333;
  font-size: 14px;
  margin: 0;
  padding: 8px 20px 8px 24px;
  width: 100%;
}

.time_date {
  color: gray;
  display: block;
  font-size: 12px;
  margin: 0;
  text-align: right;
}

.received_withd_msg {
  width: 57%;
}

.mesgs {
  float: left;
  padding: 5px 0px 0 0px;
  width: 65%;
}

.sent_msg p {
  background-image: linear-gradient(36deg, #6b57eb, #8f55f7);
  border-radius: 20px;
  margin: 0;
  color: #fff;
  font-size: 13px;
  margin: 0;
  padding: 8px 16px 8px 16px;
  width: 100%;
}

.outgoing_msg {
  overflow: hidden;
  margin: 16px 0 16px 0;
  padding-right: 8px;
}

.sent_msg {
  float: right;
  width: 46%;
}

.input_msg_write textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 90%;
  padding-left: 14px;
}

.type_msg {
  border-top: 1px solid #c4c4c4;
  position: relative;
}

.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}

.msg_history {
  height: 516px;
  overflow-y: auto;
  background-color: #efeef7;
}

.message-converstion .heading {
  display: inline-block;
}

.writemsg {
  background-color: #2a59cb;
  padding: 8px 14px;
  margin-left: 10px;
  border-radius: 20px;
  color: #ffffff;
}

.writemsg img {
  width: 20px;
  transform: scaleX(-1);
  margin-right: 8px;
}

.headind_srch .recent_heading img,
.msg_pin_btn img,
.msg_image_btn img {
  width: 20px;
}

.msg_pin_btn,
.msg_image_btn {
  background: none;
  border: none;
  margin-right: 5px;
}

.input_msg_write input ::-webkit-input-placeholder {
  margin-left: 15px;
}

.chat_ib h6 {
  font-size: 12px;
  color: gray;
  margin: 0 0 2px 0;
}

.chat_ib .chat_date {
  float: right;
}

.chat_img_pin {
  text-align: center;
  margin-top: 10px;
}

.chat_img_pin img {
  width: 20px;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.input_msg_write {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}

.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.input_msg_write .btn {
  padding: 0;
}

.mesgs .headind_srch {
  padding: 10px 29px 14px 20px;
}

.continue-shopping a {
  text-decoration: underline !important;
  text-decoration-style: dashed !important;
  color: #333333;
}

.continue-shopping {
  margin-top: 12px;
}

.cus-filter-data {
  display: flex;
}

.messaging.chat-screen {
  background: #fff;
  border-radius: 12px;
}

.incoming_msg {
  margin-top: 5px;
  margin-bottom: 5px;
}

.messagebox {
  display: flex;
}

.messagebox .cus-container-two {
  margin-top: -13%;
}

.outgoing_msg .time_date {
  color: #bfbfbf;
}

.mobile-chat-popup .mesgs {
  width: 100%;
}

.mobile-chat-popup .mobile-close {
  position: relative;
  height: 18px;
  width: 18px;
  color: #bec1c6;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-chat-popup .modal-body {
  padding-top: 0;
}

.mobile-chat-popup .input_msg_write input {
  width: 85%;
}

/*.sticky-block{
  position: sticky;
  top: 0
  }*/
.cuscaptcha img {
  margin-bottom: 5px;
}

.register-btn .btn,
.login-btn .btn {
  min-width: 20%;
  border-radius: 5px;
  border-color: transparent;
  font-size: 13px;
  padding: 8.5px;
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  border: none;
  color: #fff;
}

.forgot-btn .btn {
  width: 30%;
  border-radius: 5px;
  border-color: transparent;
  font-size: 13px;
  padding: 8.5px;
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  border: none;
  color: #fff;
}

.forget-password p {
  margin-bottom: 0;
  margin-top: 10px;
}

.login-section .add-extra-detail .detail-box {
  line-height: 1.9;
}

.forgot-section {
  padding-top: 3%;
  padding-bottom: 3%;
}

.register-section label,
.login-section label,
.forgot-section label {
  /* font-family:'Inter-regular'; */
  font-size: 16px;
  /* font-weight: 700; */
  font-family: "Inter-regular";
}

.register-section .form-control,
.login-section .form-control,
.forgot-section .form-control {
  font-size: 13px;
}

.navbar-expand-lg .dropdown-menu {
  padding: 0;
}

.navbar-expand-lg .dropdown-item:hover {
  /* background: #f1f7ff !important;
  border-left: 3px solid #8A12DC !important; */
  transition: all 0.15s ease;
  /* vendorless fallback */
  -o-transition: all 0.15s ease;
  /* opera */
  -ms-transition: all 0.15s ease;
  /* IE 10 */
  -moz-transition: all 0.15s ease;
  /* Firefox */
  -webkit-transition: all 0.15s ease;
  /*safari and chrome */
}

.navbar-expand-lg .dropdown-item a {
  border-left: 3px transparent;
}

.navbar-expand-lg .dropdown-item {
  /* border-bottom: 1px solid #e3e3e3; */
  padding: 8px 45px 8px 19px;
  color: gray;
}

.navbar-expand-lg .dropdown-content {
  background-color: #ffffff;
  min-width: 400px;
}

.extended-header {
  padding-top: 9%;
  padding-bottom: 9%;
  background: #343a40;
  /* background-image: linear-gradient(36deg, #3770f5, #5752e3); */
}

.extended-header .container {
  position: relative;
}

.extended-header .heading {
  width: 100%;
}

.pad0 {
  padding-right: 0;
  padding-left: 0;
}

.extended-header .cus-filter {
  margin: 0 15px;
  padding: 0;
}

.transactions-heading {
  font-size: 18px;
  color: #fff;
}

.custom-order-request-heading {
  font-size: 18px;
  color: #fff;
  margin-top: 10px;
}

.sponsore-form {
  float: right;
  padding: 0 15px 15px;
}

.sponsore-form .form-control {
  border: 1px solid #2b51b7;
  /*height: 50px;*/
  height: 40px;
}

.sponsore-form select {
  background-color: #7e27ba;
  color: white;
  margin-right: 0px;
}

.sponsore-form select.form-control:focus {
  color: white;
  background-color: #7e27ba;
}

.sponsored-section.block-section .cus-container-two {
  margin-top: -80px;
}

.project-number {
  font-size: 30px;
  color: #333333;
  margin-bottom: 0;
  font-family: "Inter-regular";
  font-weight: 100;
  word-break: break-word;
}

.transactions-header {
  padding-top: 4%;
  padding-bottom: 4%;
  background: #343a40;
  /* background-image: linear-gradient(36deg, #8A12DC, #6C13A9); */
}

.transactions-header .profile-detail {
  position: relative;
  width: 100%;
  top: 0;
}

.transactions-header .cus-filter {
  margin: 0;
  padding: 0;
}

.transactions-section .project-block {
  min-height: 165px;
}

.transactions-table.block-section .cus-container-two {
  margin-top: 20px;
}

.transactions-table .transactions-heading {
  font-size: 18px;
  color: #333333;
  font-family: "Inter-regular";
}

.withdraw-box .transactions-heading {
  font-size: 18px;
  color: gray;
  font-family: "Inter-regular";
}

.withdraw-box .transactions-heading span {
  color: #333333;
}

.transactions-table .cus-filter {
  padding: 0;
  margin: 0;
}

.width180 {
  width: 180px;
}

.transactions-table .form-control {
  border: 1px solid #7e27ba;
  height: 35px;
}

.transactions-header .heading {
  width: 100%;
  margin-bottom: 0;
}

.review-img img {
  width: 70px;
  border-radius: 40px;
}

.transactions-table .cus-filter {
  border: 1px solid #e3e3e3;
  padding: 10px;
  border-radius: 7px;
  background: white;
}

.update-profile-btn .btn,
.create-new-service .btn,
.prompt-btn .btn {
  width: 100%;
  border-radius: 5px;
  border-color: transparent;
  padding: 5.5px 10px;
  background: linear-gradient(90deg, #7e27ba, #9c27b0c7);
  border: none;
  color: #fff;
  font-size: 1rem;
}

.withdraw-box {
  margin-bottom: 10px !important;
}

.service-filter {
  display: inline-flex;
}

.service-filter .create-new-service {
  margin-left: 10px;
}

.pad-t4 {
  padding-top: 4%;
}

/**********service page***********/
.service-box {
  width: 100%;
  display: block;
  position: relative;
}

.service-image {
  width: 30%;
  display: inline-block;
  float: left;
}

.service-detail {
  width: 70%;
  display: inline-block;
  padding-left: 12px;
}

.service-item {
  padding: 14px;
  margin-top: 14px;
  background: #fff;
  margin-left: 0;
  margin-right: 0;
}

.service-btn {
  display: block;
  position: relative;
  width: 100%;
}

.service-btn .form-inline {
  display: inline-block;
  /*margin-left: 62px;*/
}

.service-btn .prompt-btn {
  display: inline-block;
  float: right;
}

.service-title {
  font-size: 16px;
  color: #333333;
  font-family: "Inter-regular";
}

.package-detail p {
  margin-bottom: 0px;
  font-family: "Inter-regular";
  color: #333333;
}

.package-detail span {
  color: gray;
}

.service-status {
  color: #007bff;
}

/***********************pricing card************************/

section.pricing {
  padding-top: 4%;
  padding-bottom: 4%;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0px 4rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  font-family: "Inter-bold";
  font-size: 13px;
  color: #333333;
  letter-spacing: 1px;
}

.pricing .card-price {
  font-size: 35px;
  font-family: "Inter-bold";
  color: #333333;
  margin: 0;
  font-weight: 100;
  margin-top: 12px;
  margin-bottom: 12px;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  background: #409897;
  border-color: #409897;
  padding: 6px;
  font-family: "Inter-regular";
  font-size: 13px;
  font-weight: bold;
  opacity: 1;
  position: absolute;
  width: 80%;
  bottom: 15px;
}

.pricing .btn:hover,
.pricing .btn.active:hover {
  color: #fff;
  background-color: #6c13a9 !important;
  border-color: #6c13a9 !important;
}

.pricing .btn.active {
  color: #fff;
  background-color: #8a12dc !important;
  border-color: #8a12dc !important;
  font-family: "Inter-bold";
}

.pricing .col-cus-5 {
  width: 20%;
  text-align: center;
  padding-right: 0;
  display: flex;
}

.pricing .form-control {
  margin-bottom: 50px;
}

.card-body p {
  /* min-height: 70px; */
}

.pricing .cart-title {
  margin-bottom: 12px;
}

.process-pay {
  margin-top: 25px;
}

.process-pay .pro-btn {
  border-radius: 5px;
  border-color: transparent;
  background: linear-gradient(90deg, #7e27ba, #9c27b0c7);
  border: none;
  color: #fff;
  font-size: 1rem;
  position: relative;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  padding: 5.5px 30px;
}

.accountsetting.profile-header-new2 {
  margin-top: -160px;
}

.accountsetting .cus-filter {
  margin: 0;
  padding: 0;
}

.accountsetting h2 {
  color: #fff;
}

/************fileupload**************/
.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 0;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.avatar-edit i {
  margin: 9px;
}

.avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #f8f8f8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#imagePreview {
  background: url("../img/avtar.jpg") no-repeat center center;
  background-size: cover;
}

.cus-switch {
  position: relative;
  display: inline-block;
  width: 63px;
  /* height: 34px; */
}

.cus-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.checkslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.checkslider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.update-account .btn {
  width: auto;
}

.form-control {
  font-size: 13px;
}

.cus-switch input:checked + .checkslider {
  background-color: #8a12dc;
}

.cus-switch input:focus + .checkslider {
  box-shadow: 0 0 1px #2196f3;
}

.cus-switch input:checked + .checkslider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.cus-seller-switch .checkslider:before {
  bottom: 1px !important;
}

.cus-seller-switch.cus-switch input:checked + .checkslider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.checkslider.round {
  border-radius: 34px;
  width: 36px;
  height: 20px;
}

.checkslider.round:before {
  border-radius: 50%;
}

.cusswitch label {
  display: block;
}

.append-row .newrow {
  border: 1px solid #e3e3e3;
  padding: 10px;
  border-radius: 7px;
  background: white;
  margin-bottom: 12px;
}

.append-row h6 {
  font-size: 16px;
  color: #333333;
}

.gradient .btn {
  width: 100%;
  border-radius: 5px;
  border-color: transparent;
  font-size: 1rem;
  padding: 8.5px;
  background: linear-gradient(90deg, #7e27ba, #9c27b0c7);
  border: none;
  color: #fff;
}

.affiliate-form input {
  width: 80%;
  float: left;
  display: inline-block;
}

.affiliate-form .btn {
  width: 20%;
  display: inline-block;
}

.security-form {
  margin-top: 25px;
}

/***********radio btn design************/
.payment-radio {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 25px;
  user-select: none;
  color: #333333;
}

/* Hide the browser's default radio button */
.payment-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.payment-radio:hover input ~ .radiomark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.payment-radio input:checked ~ .radiomark {
  background-color: #376ff4;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.payment-radio input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.payment-radio .radiomark:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.secure-checkout .paynow {
  width: auto;
  padding: 0;
  border: none;
}

.width170 {
  width: 170px;
}

.payment-table,
.payment-table .manage-sale-head {
  color: #333333;
  font-family: "Inter-regular";
}

.process-pay .pro-btn a {
  color: #ffffff;
}

.create-new-service-menu {
  box-shadow: 0 5px 13px -5px #ccc;
}

.create-new-service-menu .popular-tab-item {
  margin: 0 auto;
}

.create-new-service-menu .nav-tabs .nav-link {
  padding: 0.5rem 40px;
}

.pricing-section.transactions-table .form-control {
  border: 1px solid #ced4da;
}

.pricing-section.transactions-table textarea {
  height: auto;
}

.pricing-section {
  padding-top: 2%;
}

.pricing-section .cusswitch {
  display: table;
}

.pricing-section .notification {
  padding-right: 11px;
  display: table-cell;
  /* vertical-align: middle; */
}

.pricing-section .cus-switch {
  display: table-cell;
  vertical-align: middle;
}

.verticlemiddle {
  vertical-align: middle !important;
}

.box-border {
  border: 1px solid #dee2e6;
  margin-top: 12px;
}

.thead-default {
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  color: #fff;
}

.add-new-extra,
.add-new-question {
  background: #fff;
  color: #333333;
  padding: 12px;
  border-radius: 7px;
}

.width125 {
  width: 125px;
}

#extra-body .remove_extra_field {
  padding: 4.5px 8px;
}

.box-border thead th {
  vertical-align: bottom;
  border-bottom: none;
  border-top: none;
  font-weight: 500;
  font-size: 16px;
}

.pricing-btn .btn {
  border-radius: 5px;
  border-color: transparent;
  padding: 5.5px 10px;
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  border: none;
  color: #fff;
  font-size: 1rem;
}

/********************login menu*********************/
.login-menu .header-search input {
  width: 60%;
}

.login-menu .header-search button {
  width: 30%;
}

.login-user-block {
  float: right;
}

.login-user-block .login-user-name {
  color: #333333 !important;
}

.navbar-login .user-img {
  width: 60px;
  border-radius: 60px;
}

.navbar-login {
  /* padding: 14px; */
}

.navbar-login .white {
  color: white;
}

.login-menu .login-icon i {
  color: #35abe9;
  border: 2px solid #35abe9;
  width: 39px;
  height: 39px;
  padding: 10px;
  border-radius: 22px;
  line-height: 1;
  text-align: center;
  /* margin-right: 25px; */
  cursor: pointer;
}

.login-menu .dropdown:last-child .dropdown-menu {
  margin-top: 2px;
  margin: 0;
}

.login-icon-menu li {
  margin-right: 15px;
}

.login-menu .dropdown-menu {
  margin: 0;
}

.message-box {
  list-style: none;
  padding: 0px;
  margin: 0;
  float: left;
}

.custom-header-cart .message-box li.custom {
  width: 100%;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 6px;
  border-radius: 6px;
  margin-bottom: 6px;
}

.custom-header-cart .message-box li.custom:hover {
  background-color: #f2f4f7;
}

.message-box li:last-child {
  border-bottom: none;
}

.user-message {
  display: flex;
}

.user-image {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}

.message-detail {
  display: table-cell;
  vertical-align: middle;
}

.message-icon {
  display: table-cell;
  vertical-align: middle;
}

.message-alert .dropdown-content {
  background-color: #ffffff;
  min-width: 300px;
}

.message-detail .subject,
.message-detail .timestamp {
  font-family: "Inter-regular" !important;
}

.message-detail .subject,
.message-detail .timestamp {
  font-size: 12px;
  color: gray;
}

.message-icon i {
  color: #8a12dc;
}

.message-box .gradient .btn {
  border-radius: 0;
  padding: 9px 8.5px;
  font-size: 14px;
}

.cart-menu-btn {
  width: 100%;
  float: left;
}

.shopping-btn {
  width: 100%;
  float: left;
}

.cart-box-pad {
  padding: 10px;
}

.navbar-login strong {
  font-weight: 500;
}

.pad-left-10 {
  padding-left: 10px;
}

.mobile-show {
  display: none;
}

.login-user-menu .navbar-nav .nav-link {
  font-family: "Inter-regular";
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}

.bootstrap-tagsinput {
  display: block;
  padding: 7px 6px;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  background: #8a12dc;
  padding: 5px;
  border-radius: 5px;
}

.requirement-section .checkmark {
  position: absolute;
  top: 0px;
}

.requirement-section .add-extra-detail {
  overflow: inherit;
}

.start-selling {
  color: #35abe9 !important;
  border: 2px solid #35abe9;
  padding: 7px 9px !important;
  border-radius: 6px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  font-size: 13px !important;
  display: inline-block;
  vertical-align: text-top;
}

.is-required {
  vertical-align: middle !important;
}

.hide {
  display: none;
}

.delete-que {
  margin-left: 12px;
  font-size: 16px;
}

.pt20 {
  padding-top: 20px;
}

.price-filter .input-group {
  width: 40%;
  float: left;
}

/***************Count down timer****************/
.countdown-label-days {
  animation: fadein 0.5s ease-in;
}

.countdown-label-hours {
  animation: fadein 1s ease-in;
}

.countdown-label-minutes {
  animation: fadein 1.52s ease-in;
}

.countdown-label-seconds {
  animation: fadein 2s ease-in;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.padleft0 {
  padding-left: 0;
}

.padright0 {
  padding-right: 0;
}

/****************order tab*****************/
.order-detail-new {
  padding-top: 5%;
  padding-bottom: 4%;
  background: #3771f6;
  background-image: linear-gradient(36deg, #3770f5, #5752e3);
}

.order-detail-section-box {
  margin-top: -60px;
  vertical-align: middle;
}

.order-detail-section-box .heading {
  font-size: 20px;
  line-height: 1.2;
  color: #333333;
  font-family: "Inter-regular";
  font-weight: normal;
}

.thead-light td {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.order-table {
  border-radius: 8px;
  border: 1px solid #80808047;
  font-size: 15px;
}

.order-table .thead-default td {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.order-table .manage-sale-head {
  color: #333333 !important;
  font-family: "Inter-regular";
  text-transform: capitalize;
}

.order-btn {
  border-radius: 5px;
  font-size: 1rem;
  padding: 5.5px 10px;
  background: linear-gradient(90deg, #35abe9, #08d6c1);
  border: none;
  color: #fff;
  background: transparent;
  border: 2px solid #8a12dc;
  color: #8a12dc;
  margin-right: 4px;
}

.order-btn:hover {
  color: #8a12dc;
}

.custompopup .modal-content {
  overflow: hidden;
}

.custompopup h4,
#customorder h4 {
  color: #333;
  font-size: 18px;
  font-family: "Inter-regular";
  font-weight: normal;
}

.order-detail-section-box .desc-border {
  width: 100%;
}

.order-detail-section-box .profile-desc p {
  margin-bottom: 0px;
}

.order-detail-section-box .alert {
  margin-bottom: 0;
}

.emoji-wysiwyg-editor {
  min-height: 100px !important;
}

.comment-title {
  font-size: 16px;
  line-height: 1.2;
  color: #333333;
  font-family: "Inter-regular";
  font-weight: normal;
}

.chat-comment p {
  font-size: 13px;
  line-height: 1.2;
  color: #333333;
  font-family: "Inter-regular";
  font-weight: normal;
}

.chat-comment .review-item:not(:last-child) {
  margin-bottom: 30px;
}

.chat-comment .review-block {
  border-radius: 5px;
}

.chat-comment .review-block {
  padding: 20px 35px 15px 35px;
}

.service-req h3 {
  font-size: 16px;
  color: #333333;
  margin: 0 0 5px 0;
  font-family: "Inter-regular";
  font-weight: normal;
}

.first-two-btn {
  text-align: right;
}

.second-two-btn {
  text-align: right;
  margin-top: 7px;
}

.chat-comment .review-img {
  width: 60px;
  height: 60px;
}

.action-icon {
  float: right;
}

.action-icon a {
  font-size: 22px;
  color: #3771f6;
}

.download-icon {
  margin-right: 10px;
}

.attached-box {
  /* padding: 15px; */
}

/* .action-icon .delete-icon{
  line-height: 35px;
  } */
.attached-box .review-item:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.attached-box .review-img {
  width: 60px;
  height: 60px;
}

.attached-box .comment-title span {
  color: gray;
}

#delivery_now_pop .modal-dialog {
  max-width: 80%;
}

.delivery-now .dropzone {
  padding: 0px 20px;
  min-height: 120px;
}

.delivery-now .cke_contents {
  height: 180px !important;
}

#delivery_now_pop .checkmark {
  top: 0;
}

#delivery_now_pop .add-extra-detail {
  overflow: inherit;
}

#saveasteplate,
#tempalte_pop {
  /*z-index: 11111;*/
}

.delete-tem {
  padding: 5.5px 10px;
}

.delivered-file p {
  color: #35abe9;
  font-size: 16px;
  text-transform: uppercase;
}

.delivery-now .checkmark {
  top: 0px;
}

.delivery-now .add-extra-detail {
  overflow: inherit;
}

.payment-table .manage-sale-head td {
  color: #ffffff;
}

.payment-table .manage-sale-head td a {
  color: white;
  font-weight: 600;
}

.category-list .active a,
.category-list .active span {
  color: #5dd8be;
}

/* .order-detail-section .vertical-tab{ 
  display: table;
  width: 100%;
  position: relative;}
.order-detail-section .vertical-tab .nav-tabs{
    display: table-cell;
    width: 30%;
    min-width: 30%;
    border-bottom: none;
}
.order-detail-section .vertical-tab .nav-tabs li{
    float: none;
    vertical-align: top;
}
.order-detail-section .vertical-tab .nav-tabs li a{
    display: block;
    padding: 16px;
    margin: 0 10px 5px 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: #3771f6;
    border-radius: 0;
    border: none;
    border-top: 2px solid #3771f6;
    border-bottom: 2px solid #3771f6;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.order-detail-section .vertical-tab .nav-tabs li a:hover,
.order-detail-section .vertical-tab .nav-tabs li.active a{
    color: #3771f6;
    background: #fff;
    border: none;
    border-top: 2px solid #3771f6;
    border-bottom: 2px solid #3771f6;
}
.order-detail-section .vertical-tab .nav-tabs li a:before, .vertical-tab .nav-tabs li a:after {
  content: "";
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg,#3771f6 49%, transparent 50%);
  position: absolute;
  top: -20px;
  left: -20px;
  transition: all 0.3s ease 0s;
}
.order-detail-section .vertical-tab .nav-tabs li a:after{
    background: linear-gradient(315deg,#3771f6 49%, transparent 50%);
    top: auto;
    left: auto;
    bottom: -20px;
    right: -20px;
}
.order-detail-section .vertical-tab .nav-tabs li a:hover:before,
.order-detail-section .vertical-tab .nav-tabs li.active a:before{
    top: 0;
    left: 0;
}
.order-detail-section .vertical-tab .nav-tabs li a:hover:after,
.order-detail-section .vertical-tab .nav-tabs li.active a:after{
    bottom: 0;
    right: 0;
}
.order-detail-section .vertical-tab .tab-content{
    display: table-cell;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    vertical-align: top;
    border-top: 2px solid #3771f6;
    border-bottom: 2px solid #3771f6;
    position: relative;
    width: 70%;
}
.order-detail-section .vertical-tab .tab-content:before,
.order-detail-section .vertical-tab .tab-content:after{
    content: "";
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg,#3771f6 49%, transparent 50%);
    position: absolute;
    top: 0;
    left: 0;
}
.order-detail-section .vertical-tab .tab-content:after{
    background: linear-gradient(315deg,#3771f6 49%, transparent 50%);
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.order-detail-section .vertical-tab .tab-content h3{
    font-size: 20px;
    color: #333333;
    margin: 0 0 5px 0;
    font-family: 'Inter-regular';
    font-weight: normal;
}
.order-number{
  display: block;
}
.order-number h3{
  display: inline-block;
}
.order-number span{
  display: inline-block;
  float: right;
}
.order-detail-section .manage-sale-head {
  color: #333333 !important;
  font-family: 'Inter-regular';
  text-transform: capitalize;
}
.order-detail-section .manage-sale-tabel tr{
  color: gray
}
.order-detail-section .alert-warning p{
  margin-bottom: 0;
}
.order-detail-section .alert-warning {
  margin-bottom: 30px;
  } */
@media only screen and (max-width: 479px) {
  .vertical-tab .nav-tabs {
    display: block;
    width: 100%;
  }

  .vertical-tab .nav-tabs li {
    margin-bottom: 10px;
  }

  .vertical-tab .nav-tabs li:last-child {
    margin-bottom: 0;
  }

  .vertical-tab .nav-tabs li a {
    padding: 10px;
  }

  .vertical-tab .tab-content {
    display: block;
    padding: 20px 5px 5px;
  }

  .vertical-tab .tab-content h3 {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  /* .mobile-pricing-section{
    display: inline-block !important;
    width: 100%;
  } */

  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  header.masthead h1 {
    font-family: "Inter-regular";
    font-size: 40px;
    font-weight: bold;
    color: #f8f8f8;
  }

  .showcase .showcase-text {
    padding: 7rem;
  }
}

@media (min-width: 1600px) {
  .profile-header {
    padding-top: 9%;
    padding-bottom: 100px;
  }
}

@media (min-width: 576px) {
  .ipad-mt-5 {
    margin-top: 8px;
  }
}

@media (max-width: 1200px) {
  .popular-tab-icon .nav-tabs .nav-link {
    /* border: none; */
    padding: 0.5rem 10px;
  }

  .thumbnail img {
    height: 140px;
    width: 100%;
    /* object-fit: cover;*/
  }

  .clearall {
    color: #5dd8be;
    text-transform: uppercase;
    font-size: 10px;
    object-fit: cover;
  }

  .user-profile-tab {
    /* padding-top: 24%; */
  }

  .filter-header .profile-detail {
    position: relative;
  }

  .filter-form .filter-search {
    width: 12%;
  }

  .filter-header .cus-filter {
    margin: 0 15px;
  }

  .filter-header {
    padding-bottom: 0%;
    padding-top: 11%;
  }

  .block-section {
    background: #f8f8f8;
    min-height: 0;
  }

  .messagebox .cus-container-two {
    margin-top: -6%;
  }

  .sponsored-section.block-section .cus-container-two {
    margin-top: -55px;
  }

  .ipad-mt-5 {
    margin-top: 8px;
  }

  .transactions-header.filter-header {
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .total-price {
    text-align: right;
  }

  .service-btn .form-inline {
    display: inline-block;
    margin-left: 0px;
  }

  .pricing .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 12px;
  }

  .price-filter .input-group {
    width: 100%;
  }

  .countdown-item {
    font-size: 17px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 3px;
  }

  .order-btn {
    font-size: 14px;
    padding: 3.5px 5px;
    margin-right: 2px;
  }

  .order-detail-tab .nav-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .accountsetting.profile-header-new2 {
    margin-top: -90px;
  }
}

@media screen and (min-width: 992px) {
  /* .dropdown:hover .dropdown-content {
    display: block;
  } */

  .top_right_image {
    height: 450px;
    width: 400px;
    top: 0;
    right: 0;
  }

  .bottom_left_image {
    height: 450px;
    width: 400px;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 992px) {
  .navigation_2_subcategory {
    display: block !important;
  }

  .features-icons h4 {
    font-size: 24px;
  }

  .get-project .project-block {
    margin-bottom: 16px;
  }

  .offer-image img {
    width: 40px;
  }

  .offer-image {
    width: 105px;
    height: 105px;
  }

  .offer-title {
    font-size: 22px;
  }

  .total-price p {
    font-size: 12px;
    text-align: right;
  }

  .cus-arrow-left,
  .cus-arrow-right {
    top: 40%;
  }

  .footer .cus-social .mr-3 {
    margin-right: 0.5rem !important;
  }

  .navbar-toggler {
    display: inline-block;
    width: 37px;
    padding: 0;
    font-size: 6px;
    margin-bottom: 5px;
  }

  .navbar-toggler-icon {
    width: 35px;
    height: 5px;
    background-color: rgba(51, 51, 51, 0.7);
    margin: 3px 0;
  }

  .main-navigation {
    display: block;
    text-align: left;
  }

  .main-navigation li.nav-item.dropdown {
    padding-right: 20px;
  }

  .header-breadcrumb {
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .user-profile-tab {
    padding-top: 41%;
    padding-top: 2%;
  }

  .header-search button {
    width: 30%;
  }

  .profile-detail .col-cus-5 {
    width: 25%;
  }

  .profile-header .user-avatar.small {
    width: 45px;
    height: 50px;
  }

  .filter-header {
    padding-top: 13%;
  }

  .ipad-mt-5 {
    margin-top: 8px;
  }

  .product-slider .product-slider-nav-img img {
    width: 45px;
    height: 45px;
    object-fit: cover;
  }

  .general-info-title {
    padding-left: 5px;
  }

  .custom-order-btn-mail {
    width: 25%;
    background: transparent;
    border: 1px solid;
    margin-right: 8px;
  }

  .input_msg_write input {
    width: 85%;
  }

  .forgot-btn .btn {
    width: 45%;
  }

  .transactions-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .transactions-section .project-block {
    min-height: 140px;
  }

  .project-number {
    font-size: 18px;
  }

  .transactions-section .project-title {
    color: #333333;
    font-size: 13px;
    margin-top: 13px;
  }

  .profile-header-new2 .col-cus-5 {
    text-align: left;
    width: 30%;
  }

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

  .service-btn .prompt-btn {
    float: none;
    margin-top: 10px;
  }

  .pricing .col-cus-5 {
    width: 33%;
    display: block;
  }

  .pricing .card {
    margin-bottom: 20px;
  }

  .mobile-hide {
    display: none;
  }

  .mobile-show {
    display: block;
  }

  .mobile-login-user-menu .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    width: 100%;
    /* display: block;  */
  }

  .mobile-login-user-menu .mobile-dropdown {
    position: relative;
  }

  .mobile-login-user-menu .navbar-expand-lg .dropdown-content {
    background-color: #ffffff;
    /*min-width: 240px;*/
    min-width: 315px;
  }

  .profile-header-new {
    padding-top: 9%;
    padding-bottom: 9%;
  }

  .req_btn {
    margin-top: 5px;
  }

  .buyername {
    font-size: 12px;
  }

  .order-detail-section-box {
    margin-top: -40px;
  }

  .order-detail-tab .nav-item {
    padding-left: 0px;
    padding-right: 0px;
  }

  .order-detail-tab .nav-tabs .nav-link {
    font-size: 14px;
    text-transform: capitalize;
  }

  .order-detail-tab .nav {
    position: relative;
    margin: 0 auto;
  }

  .requirement-section .add-extra-detail .detail-box {
    width: 100%;
  }

  .profile-page .user-profile-tab .nav-item {
    padding-left: 0px;
    padding-right: 15px;
  }

  .top_right_image {
    height: auto;
    width: 35%;
    top: 0;
    right: 0;
  }

  .bottom_left_image {
    height: auto;
    width: 35%;
    bottom: 0;
    left: 0;
  }

  .dash_icon_right {
    top: -3px;
    left: 98px;
    right: unset;
  }

  .dashboard_service{
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: 1fr !important;
    grid-column-gap: 15px !important;
    grid-row-gap: 15px;
  }

  .tools_dropdown_show.show{
    width: 250px !important;
  }

  .tools_dropdown_show.show #seo_tools{
    max-height: 300px;
    overflow-y: auto;
  }
}

@media (max-width: 767px) {
  .mob-center {
    text-align: center;
  }

  .login {
    margin-right: 0px;
  }

  .cart-btn {
    position: absolute;
    top: -45px;
    right: 20px;
  }

  header.masthead p {
    font-size: 16px;
  }

  .mob-mb-30 {
    margin-bottom: 30px;
  }

  .cus-arrow-left {
    left: 10px;
  }

  .cus-arrow-right {
    right: -30px;
  }

  .offer-title {
    margin-top: 15px;
  }

  .col-cus-5 {
    margin-bottom: 10px;
    width: 100%;
  }

  .our-partner .pt-5 {
    padding-top: 0rem !important;
  }

  .reg-btn {
    margin-bottom: 20px;
  }

  .we-offer {
    padding-bottom: 1rem;
  }

  footer.footer {
    padding-bottom: 1rem;
  }

  .header-search input {
    width: 60%;
  }

  .header-search button {
    width: 40%;
  }

  .mob-pad-left-0 {
    padding-left: 0;
  }

  .cus-sort-by {
    /* margin-top: 25px; */
    margin-bottom: 15px;
  }

  .search-banner-ads {
    margin-top: 20px;
  }

  .price-box .input-group {
    margin-bottom: 10px;
  }

  .profile-detail {
    position: relative;
  }

  .profile-detail .col-cus-5 {
    width: 100%;
  }

  .desc-border {
    border-top: 1px solid #dee2e6;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
  }

  .profile-detail .cus-container {
    margin-bottom: 8px;
  }

  .user-profile-tab {
    padding-top: 4%;
  }

  .user-profile-tab .nav-item {
    padding-left: 0px;
    padding-right: 0px;
  }

  .heading {
    font-size: 22px;
  }

  .all-category .mb-5 {
    margin-bottom: 1rem !important;
  }

  .sub-header {
    padding-top: 4%;
    padding-bottom: 4%;
  }

  .product-delete {
    position: relative;
  }

  .product-title {
    margin-top: 12px;
  }

  .dropdown:last-child .dropdown-menu {
    margin: 0;
  }

  .filter-header .profile-detail {
    position: relative;
    top: 0px;
  }

  .filter-header .filter-form .form-group {
    width: 100%;
  }

  .filter-header .filter-form .form-group .form-control {
    width: 100%;
    margin-bottom: 6px;
  }

  .block-section {
    min-height: 0;
    overflow: hidden;
  }

  .block-section .cus-container-two {
    margin-top: 20px;
  }

  .filter-form .filter-search {
    width: 100%;
  }

  .flag-img {
    margin-bottom: 10px;
  }

  .product-block .md-accordion {
    margin-top: 15px;
  }

  .writemsg {
    display: inline-block;
    margin-left: 0;
  }

  .filter-header.message-converstion {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .inbox_people {
    width: 100%;
  }

  .mesgs {
    width: 100%;
  }

  .ipad-mt-5 {
    margin-top: 0;
  }

  .received_withd_msg {
    width: 100%;
  }

  .sent_msg {
    width: 92%;
  }

  .mobile-chat-popup .stylish-input-group h5 {
    font-size: 16px;
  }

  .mobile-chat-popup .input_msg_write input {
    width: 80%;
  }

  .recent_heading {
    width: 20%;
  }

  .srch_bar {
    width: 80%;
  }

  .mobile-hide {
    display: none;
  }

  .login.btn {
    width: 54px;
  }

  .register.btn {
    width: 75px;
    margin-right: 0;
  }

  .header a {
    font-size: 13px;
  }

  .sponsored-section.block-section .cus-container-two {
    margin-top: 20px;
  }

  .filter-header {
    padding-top: 8%;
  }

  .sponsore-form .form-group {
    margin-bottom: 0;
  }

  .extended-header.filter-header .profile-detail {
    padding-bottom: 15px;
  }

  .transactions-heading {
    font-size: 16px;
  }

  .transactions-header.filter-header {
    padding-top: 8%;
    padding-bottom: 8%;
  }

  .transactions-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .header {
    padding: 5px 0 20px 0;
  }

  header.masthead .form-control-lg {
    font-size: 12px;
  }

  .transactions-section .project-block {
    min-height: 110px;
  }

  .profile-header-new2 {
    margin-top: -30px;
  }

  .package-detail {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .service-btn .prompt-btn {
    float: none;
    margin-top: 0px;
  }

  .pricing .col-cus-5 {
    width: 100%;
    padding-right: 15px;
  }

  .pricing .btn {
    width: 88%;
  }

  .pricing.py-5 {
    padding-top: 1rem !important;
  }

  .cart-title {
    font-size: 18px;
  }

  .card-body p {
    min-height: 40px;
  }

  .profile-header-new2 .col-cus-5 {
    text-align: left;
    width: 100%;
  }

  /* .accountsetting.profile-header-new2 {
    margin-top: -50px;
  } */

  .mobile-menu-design {
    position: absolute;
    top: 18px;
  }

  .mobile-login-user-menu .login-menu .header-search button {
    width: 38%;
  }

  .price-filter .input-group {
    width: 40%;
  }

  .first-two-btn {
    text-align: left;
    margin-top: 12px;
  }

  #countdown {
    justify-content: start;
    margin-top: 5px;
  }

  .order-detail-new {
    padding-top: 11%;
    padding-bottom: 11%;
  }

  .pricing-section .table {
    width: 800px;
  }

  .requirement-section .table {
    width: 800px;
  }

  .payment-table-mb {
    width: 800px;
  }

  .affiliate-form .btn {
    width: 100%;
    display: inline-block;
    /* margin-top: 10px; */
  }

  .affiliate-form input {
    width: 100%;
  }

  .payment-box {
    margin-top: 20px;
  }

  .payment-box .payment-radio {
    overflow: hidden;
  }

  /* .mobile-chat-popup.modal {
    overflow-x: hidden;
    overflow-y: hidden;
    }        */

    .dashboard_service{
      display: grid;
      grid-template-columns: repeat(2, 1fr) !important;
      grid-template-rows: 1fr !important;
      grid-column-gap: 15px !important;
      grid-row-gap: 15px;
  }

}

/* New Design css */

/*************************************** New Landing page css ************************************/

@font-face {
  font-family: "Inter-regular";
  src: url("../../../../frontend/fonts/Inter/Inter-Regular.eot");
  src: url("../../../../frontend/fonts/Inter/Inter-Regular.eot")
      format("embedded-opentype"),
    url("../../../../frontend/fonts/Inter/Inter-Regular.woff2") format("woff2"),
    url("../../../../frontend/fonts/Inter/Inter-Regular.woff") format("woff"),
    url("../../../../frontend/fonts/Inter/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-medium";
  src: url("../../../../frontend/fonts/Inter/Inter-Medium.eot");
  src: url("../../../../frontend/fonts/Inter/Inter-Medium.eot")
      format("embedded-opentype"),
    url("../../../../frontend/fonts/Inter/Inter-Medium.woff2") format("woff2"),
    url("../../../../frontend/fonts/Inter/Inter-Medium.woff") format("woff"),
    url("../../../../frontend/fonts/Inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-bold";
  src: url("../../../../frontend/fonts/Inter/Inter-Bold.eot");
  src: url("../../../../frontend/fonts/Inter/Inter-Bold.eot")
      format("embedded-opentype"),
    url("../../../../frontend/fonts/Inter/Inter-Bold.woff2") format("woff2"),
    url("../../../../frontend/fonts/Inter/Inter-Bold.woff") format("woff"),
    url("../../../../frontend/fonts/Inter/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter-semiBold";
  src: url("../../../../frontend/fonts/Inter/Inter-SemiBold.eot");
  src: url("../../../../frontend/fonts/Inter/Inter-SemiBold.eot")
      format("embedded-opentype"),
    url("../../../../frontend/fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
    url("../../../../frontend/fonts/Inter/Inter-SemiBold.woff") format("woff"),
    url("../../../../frontend/fonts/Inter/Inter-SemiBold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.inter-regular {
  font-family: "Inter-regular" !important;
}

.inter-bold {
  font-family: "Inter-bold" !important;
}

.inter-semibold {
  font-family: "Inter-semiBold" !important;
}

.inter-medium {
  font-family: "Inter-medium" !important;
}

.font-60 {
  font-size: 60px;
}

.text-color-12 {
  color: #8a12dc !important;
}

.text-color-13 {
  color: #101828;
}

.text-color-14 {
  color: #475467 !important;
}

.text-color-15 {
  color: #d0d5dd;
}

.text-color-16 {
  color: #344054;
}

.text-color-17 {
  color: #6941c6;
}

.text-color-18 {
  color: #e9d7fe;
}

.border_radius8px {
  border-radius: 8px;
}

.cus_border_radius8px {
  border-radius: 8px 0 0px 8px;
}

.border_radius16px {
  border-radius: 16px;
}

.border-color-1 {
  border-color: #d0d5dd !important;
}

.border-color-2 {
  border-color: #eaecf0 !important;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.box-shadow-1 {
  box-shadow: 0px 12px 16px -4px #10182814;
}

.background-color-1 {
  background-color: #f2f4f7;
}

/* header css */

.resources_dropdown {
  left: unset;
  right: 0;
}

.user_dropdown_img {
  padding: 0 8px !important;
}

.user_dropdown_img img {
  max-width: 40px !important;
  width: 40px !important;
}

.resources_dropdown {
  left: unset;
  right: 0 !important;
}

.search_by_dropdown_menu {
  padding: 15px 10px !important;
}

.my_dropdown___ {
  right: -60px;
  left: unset !important;
  min-width: 280px;
  padding: 12px !important;
}

.my_dropdown___ ul li {
  list-style-type: none;
}

.custom_user__profile a img {
  width: 41px;
}

.custom_profile_links a {
  padding: 7px 0 7px 5px !important;
  border-left: 3px solid transparent !important;
}

.new_landing_page .login_header-right .purple_dropdown_border .dropdown-menu a {
  margin-bottom: 0 !important;
}

.dropleft .dropdown-toggle::before {
  display: none;
}

.cus-round--dropbtn i {
  position: absolute;
  top: 4px;
  left: 4px;
}

.notification_div_content {
  padding: 10px !important;
}

.login_header-right .dropdown-toggle {
  padding: 9px 8px !important;
  min-width: 40px;
}

.login_header-right .dropdown-toggle.user_dropdown_img {
  padding: 0px 8px !important;
}

.login_header-right span.cart_icon_div {
  display: inline-block;
  width: 40px;
  border-radius: 50%;
}

.login_buttons a {
  white-space: nowrap;
}

.cart_div img {
  min-width: 20px;
}

.learn-dropdown .sub_head_text {
  width: calc(100% - 35px);
  float: right;
}

.sub_head_text span {
  white-space: initial;
}

.multi_menu {
  width: 33.33%;
}

.learn-dropdown {
  width: 390px;
  padding: 10px !important;
}

/* .main_navigation .dropdown:hover>.dropdown-menu {
  display: block;
} */

.purple_navigation_2 .dropdown:hover > .dropdown-menu {
  display: block;
}

.purple_navigation_2 .dropdown-item:focus,
.dropdown-item:focus,
.dropdown-item:hover .dropdown-item:hover {
  background-color: transparent !important;
}

.main_navigation .dropdown-menu {
  position: absolute;
  top: 35px;
}

.new_landing_page .navbar-nav {
  margin-left: 25px;
}

.new_landing_page .navbar-nav li {
  margin-right: 5px;
}

.new_landing_page .main_navigation li a {
  padding: 6px 14px !important;
}

.new_landing_page .navbar-nav li:last-child {
  margin-right: 10px;
}

.cart_div {
  width: 60px;
}

.buy_service {
  min-width: 900px;
  left: -145px;
}

.buy_service {
  padding: 12px !important;
}

.buy_service .sub_head_text {
  width: calc(100% - 65px);
  float: right;
}

.mr-6px {
  margin-right: -6px !important;
}

.cart_dropdown {
  top: 20px !important;
}

.user_dropdown {
  width: 900px;
  float: left;
  left: -813px !important;
}

.login_header-right .dropdown-toggle {
  display: inline-block;
}

.login_header-right .dropdown-toggle img {
  min-width: 20px;
  max-width: 27px;
  width: 20px;
  min-height: 20.5px;
}

.user_dropdown a:hover {
  color: #8a12dc;
}

.purple_header_sticky {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1001;
  margin-bottom: 15px;
}

.purple_dropdown_border {
  border: 1px solid #eaecf0 !important;
  box-shadow: 0px 4px 6px -2px #10182858 !important;
}

/* custom saearchbar css */

/* .custom-searchbar .searchtext {
  display: inline-block;
  width: 60%;
} */

.custom-searchbar.purple_searchbar {
  width: 50%;
  margin: 0 auto;
}

.custom-searchbar .home-page-search-btn {
  display: inline-block;
}

/*  */

/* search bar css */

.search-by[aria-expanded="true"]::after {
  content: "@" !important;
}

.search_by_dropdown_menu.show li:hover {
  background-color: transparent !important;
}

.purple_searchbar {
  width: 100%;
  border-radius: 12px !important;
  background-color: transparent !important;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.purple_searchbar .search-icon-btn {
  padding: 0 10px !important;
  border-radius: 0 8px 8px 0 !important;
  background-color: #59637b !important;
}

.purple_searchbar .searchtext {
  padding: 8px 10px;
  height: 42px !important;
  background-color: #fafafa;
}

.purple_searchbar .searchtext:focus {
  outline: none;
  box-shadow: none;
}

.purple_searchbar .input-group-btn {
  border-radius: 12px;
  background-color: transparent !important;
}

.purple_searchbar .home-page-search-dropdown {
  width: 80px !important;
  height: 100%;
  border: none;
  border-radius: 12px !important;
  background-color: transparent !important;
  padding: 0 10px 0 0;
}

input#common_search_m::placeholder {
  color: #667085 !important;
  font-size: 14px !important;
  font-family: "Inter-regular";
}

.purple_searchbar .arrow-down-btn[aria-expanded="true"].search-by:after {
  display: none;
}

.search_by_dropdown_menu.show {
  right: 0 !important;
  min-width: 120px;
  width: 135px;
  left: unset !important;
  border-radius: 12px;
}

.search_by_dropdown_menu.show li {
  display: block;
  width: 100%;
  float: left;
  word-break: break-word;
}

.search_by_dropdown_menu.show li a {
  margin-bottom: 0 !important;
  font-family: "Inter-regular";
  color: #101828;
  font-size: 16px;
}

.search_by_dropdown_menu.show li a:hover {
  color: #8a12dc;
}

.purple_searchbar.bgsearch-grey {
  background-color: transparent !important;
}

.purple_searchbar.bgsearch-grey .search-icon-btn,
.purple_searchbar.bgsearch-grey .searchtext,
.purple_searchbar.bgsearch-grey .home-page-search-dropdown {
  background-color: transparent !important;
}

/* New Header css Design css */

.background-color-6 {
  background-color: #faf2ff;
}

.box-shadow-3 {
  box-shadow: 0px 2px 8px 0px #59637b1f;
}

.border_radius6px {
  border-radius: 6px;
}

.text-color-33 {
  color: #371c3c;
}

.text-color-34 {
  color: #430071;
}

.font-9 {
  font-size: 9px;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.text-color-32 {
  color: #5e6c81 !important;
}

.lh-1_2 {
  line-height: 1.2;
}

.lh-1_4 {
  line-height: 1.4;
}

.dash_icon_right {
  top: -3px;
  right: 13px;
}

.navigation_2__ a:hover {
  color: #8a12dc !important;
}

.dash_icon_right img {
  width: 10px;
}

.home-page-search-btn img {
  width: 14px;
}

.home-page-search-btn {
  width: 42px;
}

.twitter-typeahead {
  width: calc(100% - 42px);
}

.twitter-typeahead input {
  background-color: #fafafa;
  border-radius: 8px 0 0 8px;
  border: 1px solid #59637b;
  border-right: unset !important;
}

.header_search_parent_div .twitter-typeahead input:focus {
  border: 1px solid #59637b !important;
}

.header_search_parent_div .twitter-typeahead input::placeholder {
  color: #bababa;
  font-size: 13px;
  font-weight: 400;
  font-family: "Inter-medium";
}

.cart_div a img {
  width: 20px;
}

.purple_navigation_2 {
  width: 100%;
  border-bottom: 1px solid #eaecf0;
  border-top: 1px solid #eaecf0;
}

.header_search_parent_div .tt-menu {
  /* display: block !important; */
  padding: 12px 0;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0px 4px 6px -2px #10182875;
  overflow: auto;
}

.tt-menu {
  left: -25% !important;
  width: calc(100% + 50%) !important;
  position: absolute;
  top: 100%;
  z-index: 100;
}

.tt-dataset {
  border: unset !important;
  padding: 0;
}

.bootstrap-tagsinput .tt-menu {
  padding: 10px !important;
  box-shadow: 0px 4px 6px -2px #10182875;
}

.league-name {
  font-size: 10px;
  font-weight: 500;
  color: #59637b;
  font-family: "Inter-regular";
  position: relative;
  display: block;
  overflow: hidden;
  text-transform: uppercase;
  padding: 0 12px;
  margin-bottom: 8px;
}

.league-name:after {
  content: "";
  border: 1px solid #eaecf0;
  height: 1px;
  width: 82%;
  position: absolute;
  top: 6px;
  margin-left: 7px;
}

.tt-dataset a {
  width: 100%;
  padding: 8px 12px 8px 25px;
  color: #101828;
}

.tt-dataset a:hover {
  background-color: #f4ebff;
}

.tt-menu a:hover .content_wrapper {
  color: #8a12dc;
}

.tt-dataset .border-bottom {
  border: unset !important;
}

.tt-menu .tt-dataset {
  margin-top: 10px;
}

.tt-menu .tt-dataset:first-child {
  margin-top: 0px;
}

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

.cart_icon_div img {
  width: 20px;
}

.navigation_2__ .nav-item:last-child {
  padding-right: 0 !important;
}

.navigation_2__ .dropdown-menu {
  border: 1px solid #eaecf0;
  padding: 12px;
  box-shadow: 0px 4px 6px -2px #1018285e;
  left: 0;
}

.navigation_2__ .dropdown-menu .d-flex div {
  margin-right: 50px;
}

.navigation_2__ .dropdown-menu .d-flex div:last-child {
  margin-right: 0px;
}

.purple_navigation_2 .navbar-expand-lg .dropdown-item {
  padding: 8px 0.5rem;
  margin-bottom: 2px;
}

.purple_navigation_2 .navbar-expand-lg .dropdown-item:hover {
  border: unset !important;
  background-color: transparent !important;
  color: #8a12dc !important;
}

.new_landing_page .main_navigation li .dropdown-menu a {
  padding: 12px !important;
}

.new_landing_page .main_navigation li .dropdown-menu a:last-child {
  margin-bottom: 0 !important;
}

.new_landing_page .main_navigation li .dropdown-menu a:hover {
  background-color: #f6f6f6 !important;
  border: unset !important;
}

.main_navigation .dropdown .dropdown-menu {
  padding: 12px;
}

.custom-header-cart {
  padding: 12px !important;
}

.custom-header-cart .user-image img {
  width: 52px;
  height: 52px;
  border-radius: 8px !important;
}

.lh-14 {
  line-height: 14px;
}

.custom-header-cart {
  width: 310px;
}

.shopping-btn {
  border: 1px solid #d0d5dd;
}

.shopping-btn:hover {
  border: 1px solid #8a12dc;
}

.explore_service_link img {
  width: 20px;
}

.conversation_drop ul {
  border-radius: 8px;
  padding: 12px;
}

.conversation_drop ul li .user-image img {
  width: 46px;
  height: 46px;
}

.header_message_list_div li.user-message {
  padding: 8px 6px;
  border-radius: 6px;
  margin-bottom: 5px;
}

.header_message_list_div li.user-message:hover {
  background-color: #f2f4f7;
}

.message_elipsis_text {
  width: 290px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.active_message {
  width: 12px;
  height: 12px;
  background-color: #8a12dc;
  border-radius: 50%;
  margin-bottom: -2px;
  display: inline-block;
  float: right;
}

.header_message_list .nav-pills .nav-link.active:hover {
  color: #344054 !important;
}

.header_message_list .nav-pills .nav-link:hover {
  color: #667085 !important;
}

.my_dropdown___ a {
  padding: 8px 12px !important;
  border-radius: 6px !important;
}

.my_dropdown___ a img {
  width: 24px;
}

.my_dropdown___ a:hover {
  background-color: #f9f1ff !important;
  color: #8a12dc !important;
}

.custom_user__profile {
  width: 41px;
}

.custom_user_profile_text {
  width: calc(100% - 55px);
}

.custom_user_profile_text img {
  width: 16px;
}

.balance_drop_data {
  background: linear-gradient(265.04deg, #f4ebff 4.37%, #ffe8f6 91.62%);
  width: 100%;
}

.wallate_data img {
  width: 18px !important;
}

.login_header-right .balance_drop_data .card-header {
  padding: 12px 18px !important;
}

.profile_btn {
  padding: 12px 18px 12px 10px !important;
}

.profile_accordian button.profile_btn.collapsed,
.tools_accordian button.profile_btn.collapsed {
  background-color: transparent !important;
}

.profile_accordian button.profile_btn[aria-expanded="true"],
.tools_accordian button.profile_btn[aria-expanded="true"] {
  background-color: #f2f4f7 !important;
}

.profile_accordian button.profile_btn[aria-expanded="true"] span i,
.tools_accordian button.profile_btn[aria-expanded="true"] span i {
  transform: rotate(90deg);
}

#available_balance__ button[aria-expanded="true"] span i {
  transform: rotate(90deg);
}

/* .profile_accordian button.profile_btn.collapsed {
  background-color: #f2f4f7;
} */

.balance_drop_data .card-header {
  background-color: unset;
}

.wallate_links li {
  list-style-type: none;
}

.wallate_links li:hover {
  background-color: #8a12dc1a;
}

.wallate_links li:hover a {
  color: #8a12dc;
}

.profile_accordian button:hover {
  text-decoration: none;
  box-shadow: none;
  outline: none;
}

.profile_accordian button:focus {
  text-decoration: none;
  box-shadow: none;
  outline: none;
}

.profile_accordian button span i {
  transition: 0.2s;
}

/* .profile_accordian button[aria-expanded="true"] .arrow-right {
  transform: rotate(90deg);
} */

.main_navigation .nav-link i {
  transition: 0.2s;
}

.main_navigation .nav-link[aria-expanded="true"] .fa-angle-down {
  transform: rotate(180deg);
}

.dashboard .cus-text-wrap[aria-expanded="true"] .fa-chevron-down {
  transform: rotate(180deg);
}

.dashboard .cus-text-wrap i {
  transition: 0.2s;
}

.profile_accordian li {
  list-style-type: none !important;
}

.profile_accordian .card-header {
  opacity: 1;
}

.profile_links li:hover a {
  color: #8a12dc;
}

.profile_links li:hover {
  color: #fff !important;
}

.profile_links li:hover {
  background-color: #fff;
}

.profile_links li:hover a {
  color: #8a12dc !important;
}

.profile_img img {
  width: 24px;
}

.profile_accordian .card {
  margin-bottom: 12px;
}

.notification_img {
  width: 46px;
}

.notification_img a {
  width: 46px;
  height: 46px;
  display: block;
}

.notification_elipsis_text {
  width: 235px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.notification_div_content {
  width: 348px;
  overflow: hidden;
}

.notification_div {
  padding: 8px 6px;
  border-radius: 6px;
}

.notification_div:hover {
  background-color: #f2f4f7;
}

.notification_div:hover .notification_elipsis_text {
  font-weight: 400;
}

.notification_div:hover .notification_dropdown {
  display: flex !important;
  width: 24px;
  height: 24px;
  bottom: -2px;
  right: -2px;
}

.notification_div:hover .notification_dropdown .dropleft {
  width: 24px;
  height: 24px;
}

.cus-round--dropbtn.dropdown-toggle {
  padding: 0 !important;
  min-width: 20px;
}

.show_btn_popup {
  height: 20px;
}

.dropdown.hover_round_bg.show {
  background-color: #f6f6f6;
  border-radius: 50%;
}

.hover_round_bg:hover {
  background-color: #f6f6f6;
  border-radius: 50%;
}

.hover_round_bg .dropdown-menu {
  top: 45px;
  left: -222px;
}

.conversation_drop {
  position: absolute;
  max-width: 320px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  left: -170px;
  top: 45px;
}

.conversation_drop.d-none.show {
  display: block !important;
}

.conversation_drop .message-detail {
  width: calc(100% - 0px) !important;
}

.read_notification_box a,
.user-message.w-100 a {
  width: calc(100% - 45px) !important;
}

.conversation_drop {
  max-width: 380px;
  min-width: 380px;
}

#message-icon-dot {
  top: 17%;
}

.unread_notification_box .message_elipsis_text {
  color: #0e1832 !important;
  font-weight: 500;
}

.tools_dropdown_show {
  display: none;
}

.tools_dropdown_show.show {
  display: block;
  position: absolute;
  z-index: 2;
  top: 42px;
  border: 1px solid rgba(0,0,0,.15);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  width: 700px;
}

.user_dropdown_show {
  display: none;
}

.user_dropdown_show.show {
  display: block;
  position: absolute;
  z-index: 2;
  top: 65px;
}

.user_dropdown_show_ {
  display: none;
}

.user_dropdown_show_.show {
  display: block;
  position: absolute;
  z-index: 2;
  top: 65px;
}

/* New Header css Design css */

/*  */

.get_started_btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sec1_wrapper {
  padding: 100px 0 0;
  height: 850px;
  background-color: #6800ae;
  position: relative;
}

.sec1_left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 600px;
}

.sec1_right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 400px;
}

.new_landing_page.navbar-light .navbar-toggler-icon {
  display: none !important;
}

.main_navigation .nav-link:hover {
  color: #8a12dc !important;
}

.boost_text {
  padding: 0 150px;
}

.newlogin_btn:hover {
  color: #fff;
  border-color: #8a12dc;
  background-color: #8a12dc !important;
}

.boost_text h2 {
  font-size: 48px;
  font-weight: 700;
}

.boost_text p {
  line-height: 24.2px;
}

.boost_search_btn {
  background-color: #eb47ac !important;
  width: 148px;
  height: 48px;
}

.boost_search_btn:hover {
  background-color: #eb47accd !important;
}

.boost_search input {
  max-width: 360px;
  width: 100% !important;
  height: 48px;
}

.newsign-up_btn {
  background-color: #8a12dc;
}

.newsign-up_btn:hover {
  background-color: #6c13a9;
}

.full_service_data {
  margin-top: 100px;
}

.full_service_text {
  max-width: 770px;
  width: 100%;
  margin-bottom: 80px;
}

.list-data-service {
  width: 100%;
  height: 440px;
  overflow: auto;
  padding: 30px 0 30px 25px;
  direction: rtl;
}

.list-data-service button:hover {
  color: #6c13a9;
}

.service_list_img img {
  padding: 30px 20px;
}

.list-data-service::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.list-data-service p,
.list-data-service button {
  direction: ltr;
}

.list-data-service::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.list-data-service::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #7f56d9;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.list-data-service::-webkit-scrollbar-thumb:window-inactive {
  background: #7f56d9;
}

.fictional-logo img {
  width: 170px;
  height: 43px;
}

.legit_plans {
  margin-top: 130px;
}

.card-wrapper {
  padding: 25px 20px;
  border-bottom: 1px solid #eaecf0;
}

.popular-badge {
  background-color: #f9f5ff;
}

.payment-data sup {
  top: -13px;
  font-size: 100%;
  line-height: 1;
}

.payment-data span {
  line-height: 1;
}

.plans_list ul {
  padding: 0;
  margin: 0;
}

.plans_list ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-block;
  max-width: 240px;
  width: 100%;
}

.plans_list img {
  width: 24px;
}

.purple-btn {
  background-color: #8a12dc;
  height: 48px;
}

.purple-btn:hover {
  background-color: #6c13a9;
}

.plans_head {
  max-width: 293px;
}

.head_fixed_width {
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}

.list_detail ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.new_landing_page .dropdown:last-child .dropdown-menu {
  margin: 0;
}

.legit-box {
  margin-bottom: 120px;
}

.company_data {
  padding: 80px 0;
  background-color: #f9fafb;
  margin: 180px 0 0;
}

.project_launch {
  padding: 30px 0 30px 0px;
}

.project_launch li {
  max-width: 240px;
  width: 100%;
  display: inline-block;
}

.blog_div {
  padding: 80px 0;
  background-color: #f9fafb;
}

.blog_arrow span i {
  transform: rotate(45deg);
}

.blog_arrow a:hover {
  color: #8a12dc;
  text-decoration: none;
}

.subscribe_data {
  background-color: #6700ae;
  padding: 100px 0;
  margin: 100px 0 0;
}

.subscribe_input {
  width: calc(100% - 107px) !important;
}

.subscribe_input input {
  width: 100% !important;
  height: 48px;
}

.footer_div {
  width: 21%;
  display: inline-block;
  list-style-type: none;
  margin-bottom: 12px;
}

.footer_social_div {
  width: 135px;
  display: inline-block;
  list-style-type: none;
  margin-bottom: 12px;
}

.footer_div li {
  list-style-type: none;
  font-size: 16px;
  font-family: "Inter-regular";
  color: #eaecf0;
  margin-bottom: 12px;
}

.footer_div li a {
  font-family: "Inter-semibold";
  font-weight: 600;
}

.footer_div li a {
  color: #eaecf0;
}

.footer_div li a .badge {
  border-radius: 16px;
  padding: 6px 8px;
  background-color: #343e4d;
  border: 1px solid #ffffff4d;
}

.footer_div li a:hover,
.footer_div li a:hover i {
  color: #8a12dc;
  text-decoration: none;
}

.footer_div li:first-child {
  color: #d0d5dd;
  margin-bottom: 16px;
}

.footer_data {
  background-color: #1d2939;
  padding: 60px 0 48px;
}

.footer_div i {
  color: #98a2b3;
  width: 20px;
}

.footer_app_store li {
  list-style-type: none;
  margin-bottom: 12px;
}

.footer_app_store li:first-child {
  margin-bottom: 16px;
}

.footer_links {
  padding: 0 0 50px;
}

.footer_1_links {
  width: 100%;
}

.copyright_div {
  border-top: 1px solid #475467;
  padding-top: 35px;
}

.new_badge {
  background-color: #ff5c00;
}

.new_badge:hover {
  background-color: #ed5500 !important;
}

.features_image {
  height: 450px;
}

.features_img_left {
  /* max-width: 720px; */
  float: right;
}

.features_img_right {
  /* max-width: 720px; */
  float: left;
}

.max-h-560 {
  max-height: 560px;
  max-width: 560px;
  width: 100%;
  object-fit: cover;
}

.purple-close-nav-btn {
  float: right;
  color: #000;
}

/* responsive */

@media only screen and (min-width: 1200px) {
  .right_side_container .right_text_feaures {
    margin-left: 20%;
    max-width: 720px;
    float: right;
  }

  .left_side_container .left_text_feaures {
    margin-right: 20%;
    max-width: 720px;
  }

  .purple-legt-listing-container.legt-grid-view {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 15px !important;
    min-height: auto;
  }

  .other_services.purple-legt-listing-container.legt-grid-view {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-gap: 15px !important;
    min-height: auto;
  }

  .custom_left_border {
    border-left: 1px solid #dee2e6 !important;
  }
}

@media only screen and (max-width: 1200px) {
  .fictional-logo {
    max-width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
  }

  .new_landing_page .navbar-nav {
    margin-left: 0 !important;
  }

  .login_header-right .dropdown-toggle {
    padding: 8px 4px !important;
  }

  .purple-xl-searchbar {
    display: none;
  }

  .search_by_dropdown_menu.show {
    left: 0 !important;
    min-width: 120px !important;
    width: 140px;
    border-radius: 12px;
    float: unset !important;
    right: unset !important;
  }

  .custom-searchbar .search-by::after {
    content: "\f078";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
    vertical-align: inherit;
    position: absolute;
    right: 8px;
    top: 38%;
  }

  .purple_searchbar .home-page-search-dropdown {
    padding: 0 24px 0 0 !important;
    width: auto !important;
  }
}

@media only screen and (max-width: 1024px) {
  .onboard_purple {
    top: -11% !important;
    right: -70% !important;
    width: 1200px !important;
  }

  .actions.clearfix ul li {
    padding-left: 15px;
  }

  .actions.clearfix ul li a {
    width: 385px !important;
  }

  .actions.clearfix {
    left: 0 !important;
  }
}

@media only screen and (min-width: 992px) {
  .join-company {
    margin-top: 200px;
  }

  .left_filter .cus-deactive {
    display: block !important;
    padding-right: 0;
    overflow-y: initial !important;
  }

  .mobile_profile_link {
    display: none !important;
  }

  .new_landing_page .navbar-brand.order-2 {
    order: -1 !important;
  }

  .mobile_menu_right_side {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  .navigation_2__ .nav-item:last-child {
    padding-right: 15px !important;
  }

  .main-navigation .dropdown-toggle {
    margin-top: 11px;
  }

  .main-navigation .dropdown-menu .dropdown-item {
    display: block !important;
    margin-bottom: 2px;
  }

  .navbar-expand-lg .navigation_2__ .dropdown-content {
    min-width: unset !important;
    width: 275px !important;
  }

  .navbar-collapse.show {
    overflow: auto;
  }

  .login_header-right {
    display: none !important;
  }

  .boost_text {
    padding: 0;
  }

  .right_text_feaures {
    margin-left: 0 !important;
  }

  .left_text_feaures {
    margin-right: 0 !important;
  }

  .full_service_text {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .legit-box {
    margin-bottom: 50px;
  }

  .company_data {
    margin: 50px 0 0;
  }

  .full_service_data {
    margin-top: 50px;
  }

  .legit_plans {
    margin-top: 50px;
  }

  .blog_div {
    margin-top: 50px;
    padding: 50px 0;
  }

  .subscribe_data {
    margin-top: 50px;
  }

  .login_header-right {
    margin-left: 16px;
  }

  .buy_service .d-flex {
    width: 100% !important;
    display: block !important;
  }

  .buy_service {
    left: 0;
    min-width: unset;
    width: 100%;
  }

  .buy_service {
    max-height: 500px;
    overflow: auto;
  }

  .learn-dropdown {
    max-height: 500px;
    overflow: auto;
  }

  .new_landing_page .navbar-nav {
    margin-left: 25px !important;
  }

  .user_dropdown {
    width: 100% !important;
    min-width: 290px !important;
    left: -140px !important;
  }

  .user_dropdown .d-flex {
    display: block !important;
    float: left !important;
  }

  .mobile_cart_right_side .position-absolute {
    top: 0;
    right: 0;
  }

  .navbar-brand {
    margin: 0;
  }

  /* .custom-searchbar.purple_searchbar {
    position: absolute !important;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
  } */

  .purple-navbar-collapse.show {
    box-shadow: 0px 18px 26px 2px #1018286b;
  }

  .multi_menu {
    width: 100%;
  }

  .learn-dropdown {
    width: 100%;
  }

  .login-section {
    height: 100% !important;
    padding: 50px 0;
  }

  .forgot-login-section.login-section {
    height: 100vh !important;
  }

  .onload_purple {
    bottom: -10% !important;
    left: -37% !important;
    width: 60% !important;
  }

  .main-navigation.navigation_2__ a.nav-link {
    padding: 6px 14px !important;
  }
}

@media only screen and (max-width: 870px) {
  .footer_links a {
    font-size: 14px;
  }

  .footer_div {
    width: 25%;
  }
}

@media only screen and (min-width: 800px) {
  .purple-legt-listing-container.legt-grid-view {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px !important;
    min-height: auto;
  }

  .other_services.purple-legt-listing-container.legt-grid-view {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px !important;
    min-height: auto;
  }
}

@media only screen and (min-width: 768px) {
  .left_filter .cus-sticky {
    height: auto;
  }

  .font-md-56 {
    font-size: 56px;
  }

  .font-md-40 {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  .single_price_plan_legitPlus {
    transform: unset !important;
  }

  .pagination {
    width: 100%;
    display: inline-block !important;
  }

  .join-company {
    margin-top: 30px;
  }

  .full_service_data {
    margin-top: 50px;
  }

  .full_service_text {
    margin-bottom: 40px;
  }

  .plans_list ul li {
    max-width: 320px;
  }

  .legit_plans {
    margin-top: 70px;
  }

  .company_data h4 {
    font-size: 24px;
  }

  .legit-box {
    margin-bottom: 40px;
  }

  .subscribe_data {
    margin-top: 40px;
  }

  .blog_div {
    padding: 20px 0;
  }

  .features_image {
    height: auto;
  }

  .company_data {
    margin: 50px 0 0;
  }

  .company_data h4 {
    font-size: 32px !important;
  }

  .blog_div {
    margin-top: 50px;
  }

  .subscribe_data {
    padding: 50px 0;
  }

  .fictional-logo {
    max-width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
  }

  .sec1_wrapper {
    height: 790px;
  }

  .sec1_left {
    max-width: 65%;
  }

  .sec1_right {
    max-width: 50%;
  }

  .footer_1_links {
    width: 100%;
  }

  .footer_div {
    width: 33%;
  }

  .onboard_purple {
    top: -11% !important;
    right: -70% !important;
    width: 830px !important;
  }

  .footer_div {
    width: 50%;
  }

  /* header */
  .learn-dropdown {
    width: 100%;
  }

  .custom-searchbar.purple_searchbar {
    position: unset !important;
    transform: unset;
    width: 70%;
  }

  .new_landing_page {
    padding-bottom: 0 !important;
  }

  /* service - user css */

  .future_banner {
    background-size: 140% !important;
    height: 220px;
    background-position: center;
    background-color: #000;
  }

  .left_filter .product-slider-nav-img .slick-list .slick-track {
    padding-left: 5px;
  }

  /* service detail */

  .left_filter .product-slider-nav-img .slick-list .slick-track .slick-slide {
    margin-bottom: 8px;
  }

  .left_filter
    .product-slider-nav-img
    .slick-list
    .slick-track
    .slick-slide:first-child {
    margin-left: 5px !important;
  }

  .acc_type_data {
    width: 100% !important;
  }

  .onload_purple {
    bottom: -8% !important;
    left: -40% !important;
    width: 70% !important;
  }

  .single_price_plan_ {
    margin-bottom: 0 !important;
  }

  .font-sm-45 {
    font-size: 45px !important;
  }

  .min-h-320 {
    min-height: auto !important;
  }
}

@media only screen and (max-width: 630px) {
  .fictional-logo {
    max-width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }

  .custom-searchbar.purple_searchbar {
    width: 100%;
  }
}

@media (max-width: 692px) {
  .upgrade_plan_btn_div .user_button{
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .font-35 {
    font-size: 35px !important;
  }

  .sec1_wrapper {
    padding: 50px 0 0;
  }

  .boost_search {
    padding: 15px 0 !important;
  }

  .boost_search input {
    margin: 0 auto;
  }

  .fictional-logo {
    flex-direction: column;
  }

  .fictional-logo span {
    text-align: center;
    margin-bottom: 20px !important;
  }

  .legit_plans {
    margin-top: 40px;
  }

  .full_service_text {
    margin-bottom: 0;
  }

  .boost_text p {
    font-size: 16px;
  }

  .font_28 {
    font-size: 28px !important;
  }

  .font_40 {
    font-size: 40px !important;
  }

  .font_20 {
    font-size: 20px !important;
  }

  .font_36 {
    font-size: 36px !important;
  }

  .company_data {
    margin: 0px 0 0;
    padding: 30px 0;
  }

  .blog_arrow a {
    line-height: 1;
  }

  .payment-data sup {
    top: -10px;
    font-size: 100%;
    line-height: 1;
  }

  .fictional-logo {
    max-width: 100%;
    display: grid !important;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
  }

  .purple_pagination .pagination li a span {
    display: none;
  }

  .purple_pagination .pagination li a {
    height: 35.5px;
  }

  .new_landing_page .navbar-collapse {
    width: 100%;
  }

  .new_landing_page .dropdown-menu.show {
    width: 100%;
  }

  .footer_div {
    width: 100%;
  }

  .log_sign_header label {
    font-size: 22px !important;
  }

  .onboard_purple {
    top: 0% !important;
    right: 0 !important;
    width: 50% !important;
  }

  .onload_purple {
    bottom: -20% !important;
    left: -40% !important;
    width: 70% !important;
  }

  .onboard2_img {
    display: none;
  }

  .actions.clearfix ul li a {
    width: 100% !important;
  }

  .payment-data span.font-36 {
    font-size: 20px !important;
  }

  .res_font32{
    font-size: 28px;
  }


  /* service category */

  .service_banner {
    padding: 48px 15px !important;
  }

  .service-category .cus-breadcrumb span i {
    padding: 0 5px !important;
  }

  .future_banner {
    background-size: 195% !important;
  }

  /* service-detail */

  .detail_user_star div span:first-child {
    margin-right: 32px;
  }

  .middle_text {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .forgot-login-section.login-section {
    height: auto !important;
  }

  .pink_right_bg {
    display: none;
  }

  .onboarding2_data .container {
    margin-top: 100px;
  }

  .mt-212 {
    margin-top: 0 !important;
  }

  .min-height-735 {
    min-height: auto !important;
  }

  .dashboard_service{
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-template-rows: 1fr !important;
    grid-column-gap: 0 !important;
    grid-row-gap: 15px;
  }

 .add_new_campaign_btn{
  width: 100%;
 }

 #unique_page_view_section .module-enable-disable-switch, #bounces_traffic_data .module-enable-disable-switch {
  right: 30px !important;
  top: 16px !important;
}


}
@media only screen and (max-width: 460px) {
  .chart_legiit_score_ {
    width: 100%;
  }
}

@media only screen and (max-width: 425px) {

  .min-height-150 {
    min-height: 238px !important;
}

  .navbar-expand-lg .navigation_2__ .dropdown-content {
    margin-left: -18px;
  }

  .f-logo {
    margin-bottom: 10px;
  }

  .sec1_wrapper {
    height: 840px;
  }

  .service-category .cus-breadcrumb span i {
    padding: 0 2px !important;
  }

  .service-category .cus-breadcrumb li a {
    font-size: 13px !important;
  }

  .user_question {
    display: block !important;
  }

  .user_question_text {
    width: 100% !important;
    float: left !important;
    display: block !important;
  }

  .detail_user_star div span:first-child {
    margin-right: 0px;
  }

  #login-form {
    min-width: 100% !important;
  }

  .cus-breadcrumb li:after {
    margin: 0px 4px 0px 4px;
  }

  #custom-seller-menu {
    right: -25px !important;
  }

  .course_section_btn {
    width: 100%;
  }

  .course_section_btn .btn,
  .course_section_btn a {
    width: 100%;
    margin-top: 10px;
    margin-right: 0 !important;
  }

  .onboarding2_data {
    height: auto !important;
    overflow: auto !important;
  }
  .onboarding_2 {
    height: auto !important;
  }
  .onboard_purple {
    display: none !important;
  }
  
  .favicon_uploader,
  .brand_logo_uploader{
    padding: 0 10px !important;
    margin: 10px 0 0;
  }

  .select2-container{
    width: 89% !important;
  }
}

@media only screen and (max-width: 375px) {
  .check_progress .total_star {
    width: 75px !important;
  }

  .check_progress .star__ {
    width: 100px !important;
  }

  .login_links .w-50 {
    width: 100% !important;
  }

  .card-wrapper {
    padding: 25px 19px;
  }

  #addKeywordModal .modal-content{
    width: 80% !important;
    left: 40px !important;
  }
}

/* service category page design */

.border_radius12px {
  border-radius: 12px !important;
}

.border_radius8px {
  border-radius: 8px !important;
}

.background-color-2 {
  background-color: #ff5c00;
}

.text-color-19 {
  color: #667085;
}

.text-color-20 {
  color: #7f56d9;
}

.text-color-21 {
  color: #183320;
}

.text-color-22 {
  color: #0e1832;
}

.text-color-23 {
  color: #909090;
}

.text-color-24 {
  color: #59637b !important;
}

.grey_hr hr {
  border: 1px solid #f2f4f7;
}

.all-cat-list a {
  color: #000 !important;
  font-family: "Inter-regular" !important;
}

.all-cat-list a:hover {
  color: #8a12dc !important;
}

.category-list .active a,
.category-list .active span {
  color: #8a12dc !important;
}

/* .sort_dropdown li.active {
  background-color: #F9FAFB;
} */

.sort_dropdown .sort_by i {
  display: none;
}

.sort_dropdown .sort_by.theme-color i {
  display: block;
  margin-top: 3px;
}

.cus-sticky::-webkit-scrollbar {
  background: transparent !important;
  /* Optional: just make scrollbar invisible */
  display: none;
}

.service_banner {
  background-image: url(../../../../frontend/images/project_image/Rectangle203.png);
  width: 100%;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.graphic_text {
  max-width: 305px;
  width: 100%;
  float: left;
}

.footer_data {
  width: 100%;
  float: left;
}

.sort_rating .sortby-listing {
  float: right;
}

.purple-activate-btn {
  padding: 5px;
}

.sort_rating .dropdown-menu {
  max-width: 190px;
  width: 100%;
}

.sort_rating .dropdown-menu li:hover {
  background-color: #f9fafb;
}

.sort_rating .dropdown-menu li:hover a {
  color: #101828;
}

.service-category .cus-breadcrumb li:after {
  display: none;
}

.left_filter .cus-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow-y: initial;
}

.left_filter .filter-box {
  border: 1px solid #80808061;
  position: relative;
  padding: 15px;
}

.filter_switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #8a12dc !important;
  background-color: #8a12dc !important;
}

.filter_switch input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.filter_switch .custom-control-input:focus ~ .custom-control-label::before {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #adb5bd !important;
}

.filter_switch .custom-control-input:checked ~ .custom-control-label::before,
.filter_switch
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  margin-top: -2px;
}

.filter_switch .custom-switch .custom-control-label::before {
  margin-top: 0px;
  left: calc(-2px + 2px);
  width: 36px;
  height: 20px;
}

.filter_switch .custom-switch .custom-control-label::after {
  margin-top: 0px;
  left: calc(1px + 1px);
  width: 16px;
  height: 16px;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}

.filter_switch .custom-switch .custom-control-label-1::before {
  left: -2.25rem;
  margin-top: -2px;
}

.filter_switch .custom-switch .custom-control-label-1::after {
  left: calc(-2.25rem + 2px);
  margin-top: -2px;
}

.filter_switch .custom-switch .custom-control-label span {
  margin-left: 6px;
  top: 4px;
  min-width: 200px;
}

.left_filter .all-cat-list a {
  color: #000;
}

.left_filter .all-cat-list a:hover,
.left_filter .all-cat-list a.active {
  color: #8a12dc !important;
}

.left_filter .all-cat-list li {
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 6px 0 6px 0;
}

.left_filter .all-cat-list li:hover {
  background-color: transparent;
}

.deliver_checkbox {
  padding-left: 15px;
}

.deliver_checkbox .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.deliver_checkbox .form-group label {
  position: relative;
  cursor: pointer;
}

.deliver_checkbox .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.deliver_checkbox .form-group input:checked + label:before {
  border: 1px solid #7f56d9;
  background-color: #f9f5ff;
}

.deliver_checkbox .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #7f56d9;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.price-filter .input-group-text {
  padding: 6px !important;
  border-right: none !important;
  background-color: transparent !important;
}

.price-filter .input-group input {
  border-left: none !important;
}

.new-price-filter .price_range_input {
  border-radius: 0px 8px 8px 0px !important;
}

.new-price-filter .input-group-prepend span {
  border-radius: 8px 0 0 8px !important;
}

.price-filter .input-group input::placeholder {
  color: #9ea8b7;
}

.price-filter .input-group input:focus {
  outline: none;
  box-shadow: none;
  border-color: #ced4da;
}

.new-price-filter.price-filter .input-group {
  width: 47%;
}

.price_range_btn {
  background-color: #8a12dc;
  color: #fff;
  padding: 10px 16px;
}

.price_range_btn:hover {
  background-color: #6c13a9;
  color: #fff;
}

.price_range_btn:focus {
  outline: none;
  box-shadow: none;
}

.star_text span {
  line-height: 1;
}

.pro_badge {
  padding: 4px 5px;
}

.user_image img {
  width: 36px;
  height: 36px;
}

.purple-card-layout .new_service_box {
  border-radius: 12px;
}

.purple-card-layout .new_service_box .product-info h5 {
  line-height: 1.4;
}

.purple-card-layout .legt-listing-container .new_service_box .product-info {
  padding: 10px 8px;
}

.purple_pagination .pagination li {
  border-color: #eeeeee;
  min-width: 40px;
  text-align: center;
}

.purple_pagination .pagination li a.active {
  background-color: #f9fafb;
}

.purple_pagination .pagination li a:focus {
  outline: none;
  box-shadow: none;
}

/* service user page css */

.font-11 {
  font-size: 11px;
}

.bg-login-banner .cr-viewport.cr-vp-rectangle {
  border: none !important;
}

.user_upload_dropdown {
  transform: unset !important;
  left: unset !important;
  right: 18px !important;
  margin: 0 !important;
}

.new__badge {
  padding: 3px;
  font-size: 7px;
  margin-left: 3px;
  line-height: 1;
}

.user_video_div img {
  max-width: 20px;
  width: 100%;
}

.user_video_div {
  padding: 6px 8px;
  border-radius: 21px;
  display: block;
  width: auto;
  bottom: 35px;
  left: 50%;
  transform: translate(-50%, 0);
}

.summary:hover .edit_data__ {
  display: flex !important;
  z-index: 1;
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.edit_data__ {
  display: none !important;
}

.upcoming-badge img {
  width: 14px;
  display: inline-block;
}

.purple_rounded_border {
  border: 5px solid #8a12dc;
  width: 170px;
  display: inline-block;
}

.white_rounde_border {
  border: 5px solid #fff;
  width: 180px;
  display: inline-block;
  box-shadow: 0px 4px 12px 0px #0000001f;
}

.star-group img {
  width: 16px;
}

.background-color-3 {
  background-color: #8a12dc;
}

.background-color-5 {
  background-color: #f5f5f5;
}

.referral_code input {
  font-size: 13px;
  color: #667085;
  font-family: "Inter-regular";
  height: 44px;
}

.referral_code input::placeholder {
  font-size: 13px;
  color: #667085;
  font-family: "Inter-regular";
}

.cust-profile-user-picture {
  border: 5px solid #fff;
}

.video-border {
  border: 5px solid #fff;
}

.read-more,
.read-less {
  cursor: pointer;
}

.read-more:hover,
.read-less:hover {
  text-decoration: none !important;
}

.future_banner {
  background-image: url(../../../../frontend/images/project_image/future_banner.png);
  width: 100%;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 220px;
}

.user-badge {
  padding: 4px 10px;
}

.user_star_text span {
  line-height: 1;
  margin-top: 3px;
}

.user_star_text img {
  width: 18px;
}

.verified-seller {
  background-color: #d5f1e6;
  padding: 6px 8px;
  border-radius: 18px;
  color: #027a48;
}

.verified-seller img {
  width: 14px;
}

.category_tagline {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Number of lines to display before truncation */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hover_to_purple:hover {
  color: #8a12dc !important;
}

.user_button .btn {
  min-height: 44px;
}

.user_button .custom_btn:focus {
  outline: none;
  box-shadow: none;
}

.user_button .custom_btn:focus-visible {
  outline: none;
  box-shadow: none;
}

.purple_hover:hover {
  background-color: #6c13a9;
}

.user_button .custom_btn {
  border: 1px solid #d0d5dd !important;
  color: #344054;
}

/* .user_button .custom_btn:hover {
  border: 1px solid #8A12DC !important;
  color: #8A12DC !important;
} */

.user_follow_data {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
  padding: 12px 10px;
}

.follow-badge {
  padding: 6px 8px;
  border-radius: 8px;
  color: #8a12dc;
  border: 1px solid #d0d5dd;
}

.follow-badge:hover {
  color: #8a12dc !important;
  border: 1px solid #8a12dc;
}

.follow-badge:focus {
  color: #8a12dc !important;
}

.user_links span {
  color: #bababa;
}

.user_tab .nav-link {
  background: transparent !important;
  padding: 8px 12px !important;
}

.new_service_box .purple_new_service_box_username {
  font-size: 13px !important;
}

.user_tab ul {
  border-bottom: 1px solid #eaecf0;
}

.user_tab .nav-link:hover {
  color: #6941c6;
  border-bottom: 2px solid #6941c6 !important;
  border-radius: 0;
}

.user_tab .nav-link.active {
  color: #6941c6;
  border-bottom: 2px solid #6941c6 !important;
  border-radius: 0;
}

.user_tab .nav-link:focus {
  outline: none;
  box-shadow: none;
}

.user_tab .nav-link:focus-visible {
  outline: none;
  box-shadow: none;
}

.tab-badge {
  padding: 2px 10px;
  background-color: #f2f4f7;
}

.load_more {
  border: 1px solid #d0d5dd;
  width: 190px;
}

.load_more:hover {
  border: 1px solid #8a12dc;
  color: #8a12dc;
}

.user_left_data {
  margin-top: -25px;
}

.user_left_data .premium-container {
  padding: 0;
}

/* service detail page css */

.font-weight-700 {
  font-weight: 700;
}

.background-color-4 {
  background-color: #eb47ac;
}

.border_radius8px_r {
  border-radius: 0 8px 8px 0;
}

.lh-0_5 {
  line-height: 0.5;
}

.lh-1 {
  line-height: 1 !important;
}

.text-color-25 {
  color: #eb47ac;
}

.text-color-26 {
  color: #808080;
}

.text-color-27 {
  color: #6b6b6b;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.packages_tab .nav-pills .nav-link.active {
  background-color: #fff !important;
  box-shadow: 0px 1px 2px 0px #1018280f;
  border: 1px solid #f2f4f7;
  color: #344054;
  border-radius: 6px;
}

.packages_tab .nav-pills .nav-item {
  width: 33%;
}

.packages_tab .nav-pills .nav-link {
  background-color: transparent !important;
  border: none !important;
  width: 100%;
  height: 36px;
  color: #667085;
}

.packages_tab #pills-tab {
  background-color: #f2f4f7 !important;
  padding: 4px !important;
}

.basic_list_data .basic_list_text {
  display: inline-block;
  width: calc(100% - 22px);
}

.basic_list_data ul li {
  list-style-type: none;
}

.secure_trasanction a {
  color: #027a48;
}

.show-more-text {
  overflow: hidden;
}

.show-more-text-blog {
  max-height: 22px;
  overflow: hidden;
}

.service_detail_card {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
  padding: 15px;
}

.referral_code {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.referral_code button {
  border-left: 1px solid #d0d5dd;
  /* border-radius: 0; */
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.referral_code p {
  width: 75% !important;
}

.referral_code .input-group-append {
  border-left: 1px solid #d0d5dd;
  border-radius: 0;
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.referral_code .input-group-append a:hover {
  color: #344054 !important;
}

.referral_code button:focus {
  outline: none;
  box-shadow: none;
}

.left_filter .product-slider {
  border: none !important;
  padding: 0;
}

.left_filter .product-slider-nav-img .slick-list .slick-track .slick-slide {
  max-width: 139px;
  max-height: 97px;
  width: 100% !important;
  height: 100% !important;
  margin: 0 5px 10px !important;
}

.left_filter
  .product-slider-nav-img
  .slick-list
  .slick-track
  .slick-slide.slick-current {
  opacity: 1 !important;
}

.left_filter .product-slider-nav-img .slick-list .slick-track .slick-slide {
  opacity: 0.5 !important;
}

.left_filter
  .product-slider-nav-img
  .slick-list
  .slick-track
  .slick-slide:first-child {
  margin-left: 10px;
}

.left_filter .product-slider-nav-img .slick-list .slick-track {
  width: 100% !important;
  transform: unset !important;
  padding-left: 5px;
}

.left_filter .product-slider .product-slider-nav-img img {
  width: 139px;
  height: 97px;
  border-radius: 12px;
}

.detail_user_star img {
  width: 18px;
  height: 18px;
}

.slider_head_text span {
  line-height: 1;
  margin-top: 3px;
}

.detail_data {
  width: 100%;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
  word-wrap: break-word;
}

.choose_us_list ul li {
  list-style-type: none;
  float: left;
}

.choose_us_list span:last-child {
  width: calc(100% - 15px);
  display: inline-block;
  float: right;
}

.work_link a {
  text-decoration: underline !important;
}

.work_link a:hover {
  color: #8a12dc;
}

.ask_accordian .card {
  border: none;
  border-bottom: 1px solid #eaecf0 !important;
}

.ask_accordian .card-header {
  background-color: transparent !important;
  border-radius: 0;
  padding: 12px 0px;
  border: none !important;
}

.ask_accordian .card-header button {
  padding: 6px 0;
}

.ask_accordian .card-header button:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.ask_accordian .card-header button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.ask_accordian .card-header button:hover {
  text-decoration: none !important;
  color: #101828;
}

.ask_accordian .card .card-body {
  padding: 0 0 20px;
}

.plus-minus-toggle {
  height: 21px;
  position: absolute;
  width: 21px;
  top: 43%;
  left: 23%;
}

.plus-minus-toggle:before,
.plus-minus-toggle:after {
  background: #98a2b3;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
  transition: transform 500ms ease;
}

.plus-minus-toggle:after {
  transform-origin: center;
}

.plus-minus-toggle.collapsed.plus-minus-toggle:after {
  transform: rotate(90deg);
}

.plus-minus-toggle.collapsed.plus-minus-toggle:before {
  transform: rotate(180deg);
}

.accordian_toggle span {
  border: 1px solid #98a2b3;
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  float: right;
}

.user_question,
.seller_reply {
  background-color: #f5f5f5;
}

.user_question_text {
  width: calc(100% - 115px);
  float: right;
  display: inline-block;
}

.review_detail {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.star_check_div img {
  width: 24px;
}

.star_check_div span {
  margin-top: 3px;
}

.check_progress .star__ {
  width: 71px;
}

.progress-bar {
  width: calc(100% - 91px) !important;
}

.check_progress .total_star {
  width: 70px;
}

.check_progress .progress-bar,
.progress-bar span {
  height: 10px;
}

.review_progress {
  background-color: #fff1fa;
}

.pink_hover:hover {
  color: #8a12dc;
}

.review_star img {
  margin-top: -7px;
}

.blog-author-thumb {
  border-radius: 50%;
  width: 40px;
}

.seller_reply img {
  width: 32px;
}

/* purple register new css */

.box-shadow-2 {
  box-shadow: 0px 1px 2px 1px #1018284a;
}

.forgot-login-section {
  height: 90vh;
}

.login-section {
  height: 90vh;
  overflow: hidden;
}

.login_bg_images {
  width: 100%;
  float: left;
}

#login-form input,
#createaccount input,
.form-horizontal input,
.purple_onboarding input {
  border-radius: 8px;
  height: 44px;
}

.bg-primary-blue {
  border-radius: 8px !important;
  background-color: #8a12dc !important;
  font-weight: 600 !important;
  min-height: 44px;
}

a.bg-primary-blue {
  border-radius: 8px !important;
  background-color: #8a12dc !important;
  font-weight: 600 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.bg-primary-blue:hover {
  background-color: #6c13a9 !important;
}

#login-form {
  min-width: 400px;
  margin: 0 auto;
}

#createaccount {
  max-width: 700px;
  margin: 0 auto;
}

.acc_type_data {
  width: 100%;
}

.register-btn {
  max-width: 320px;
  width: 100%;
}

.pink_right_bg {
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background-color: #eb47ac;
  border-radius: 50%;
  overflow: hidden;
}

.pink_half_circle {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(6%, -50%);
}

.pink_half_circle img {
  width: 80%;
}

.forgot_pass_div,
.onboarding_wrapper {
  max-width: 400px;
  width: 100%;
}

.purple_text_hover:hover {
  color: #8a12dc !important;
}

.height_44px {
  height: 44px;
}

.purple_onboarding .onboarding-box-small {
  min-height: 44px;
  height: auto;
}

.wizard-content .wizard > .actions > ul > li > a {
  /* background-color: #8A12DC !important; */
}

.onboarding_1,
.onboarding_2 {
  height: 100vh;
  overflow: hidden;
}

.onboarding2_data {
  height: 100vh;
  overflow: hidden;
}

.onboard_purple {
  top: -16%;
  right: -30%;
  width: 1200px;
}

.business_goals_div {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 4px 6px -2px #10182808;
}

.fix-wrapper {
  max-width: 400px;
  width: 100%;
}

.actions.clearfix {
  position: absolute !important;
  bottom: 105px !important;
  left: 157px;
  max-width: 400px;
}

.actions.clearfix ul {
  width: 100% !important;
  justify-content: start !important;
}

.actions.clearfix ul li {
  max-width: 400px;
  width: 100%;
}

.actions.clearfix ul li a {
  width: 400px;
  text-align: center !important;
  font-family: "Inter-SemiBold";
  background-color: #eb47ac !important;
  border-radius: 12px !important;
}

.actions.clearfix ul li a::after {
  background-color: #eb47ac !important;
}

.wizard-content .wizard > .actions > ul > li + li + li > a {
  position: absolute !important;
  left: 15px;
}

.onboarding_logo {
  top: 20px;
  left: 20px;
  z-index: 9;
}

.onboard2_img {
  top: 44%;
  left: 10%;
  transform: translate(0, -50%);
  width: 50%;
}

.onloading_div {
  height: 100vh;
  overflow: hidden;
}

.onload_pink {
  top: -10%;
  right: -40%;
  width: 70%;
}

.onload_purple {
  bottom: -35%;
  left: -37%;
  width: 60%;
}

.custom_width_select {
  width: calc(100% - 120px);
  float: right;
  margin-right: 7px;
}

/* new purple Modal css */

.modal-content {
  padding: 0 24px 24px !important;
  border-radius: 12px !important;
}

.modal-dialog {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 auto;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 1rem 0 !important;
}

/* new purple Modal css end */

.send-request-buttom {
  width: 100%;
  border-radius: 5px;
  border: unset !important;
  padding: 5.5px 10px;
  background-color: #8a12dc;
  border: none;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

.send-request-buttom:hover {
  background-color: #6c13a9;
}

.checkButton:hover {
  background-color: #6c13a9;
}

/* dashboard css */
.border-1 {
  border: 1px solid #eaecf0;
}

.box-shadow-2 {
  box-shadow: 0px 1px 2px 0px #1018280d;
}

.text-color-28 {
  color: #333333 !important;
}

.text-color-29 {
  color: #999999 !important;
}

.text-color-30 {
  color: #e3413e !important;
}

.text-color-31 {
  color: #202223 !important;
}

.purple_cus_account li a.nav-link {
  color: #59637b;
  margin-bottom: 0 !important;
  border: none;
  padding: 8px 12px !important;
}

.purple_cus_account li a.nav-link:hover {
  background-color: #f9f1ff !important;
  color: #8a12dc !important;
  border-radius: 6px !important;
}

.purple_cus_account li a.nav-link.active {
  background-color: #f9f1ff !important;
  color: #8a12dc !important;
  border-radius: 6px !important;
}

.btn-gmsd-upgrate {
  border: 1px solid #D0D5DD;
  box-shadow: 0px 1px 2px 0px #1018280D;
  /* padding: 10px 16px !important; */
}

.btn-gmsd-upgrate:hover {
  background-color: transparent !important;
  border-color: #8a12dc !important;
  color: #8a12dc !important;
}

.sidebar_img img {
  width: 24px;
}

.social_ai_badge {
  background: linear-gradient(
    244.85deg,
    #ffecf8 11.56%,
    #fff7ec 54.16%,
    #e6fffa 97.66%
  );
  padding: 4px 6px;
  border-radius: 6px;
}

.social_ai_badge img {
  width: 16px;
  height: 16px;
}

.dash_upgrade_img img {
  width: 20px;
  height: 20px;
}

.purple_keywords_table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa;
}

.purple_keywords_table input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.purple_keywords_table.table tbody tr td:first-child {
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}

.purple_keywords_table.table tbody tr td:last-child {
  border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  -webkit-border-radius: 0px 6px 6px 0px;
}

.purple_keywords_table .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.purple_keywords_table .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #7f56d9;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.purple_keywords_table .form-group label input:checked + label:before {
  border: 1px solid #7f56d9;
  background-color: #f9f5ff;
}

.purple_keywords_table .form-group input:checked + label:before {
  border: 1px solid #7f56d9;
  background-color: #f9f5ff;
}

.purple_keywords_table th,
.backlinks_table th {
  white-space: nowrap;
}

#table-sparkline th{
  border-top: unset !important;
}

.backlinks_header {
  border-bottom: 1px solid #eaecf0;
}

.add_todo_btn {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
  padding: 10px 16px;
}

.grey_to_purple_btn:hover {
  border-color: #8a12dc !important;
  color: #8a12dc !important;
}

.purple_todo_checkbox .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.purple_todo_checkbox .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -17px;
  width: 6px;
  height: 12px;
  border: solid #7f56d9;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.purple_todo_checkbox .form-group label input:checked + label:before {
  border: 1px solid #7f56d9 !important;
  background-color: #f9f5ff !important;
}

.purple_todo_checkbox .form-group input:checked + label:before {
  border: 1px solid #7f56d9 !important;
  background-color: #f9f5ff !important;
}

.purple_todo_checkbox .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.purple_todo_checkbox .form-group label {
  position: relative;
  cursor: pointer;
}

.dash_todo_hover:last-child {
  margin: 0 !important;
}

.dash_todo_hover:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}

.dash_todo_hover:hover label span:first-child {
  text-decoration: underline;
}

.dash_todo_action {
  display: none !important;
}

.dash_todo_hover:hover .dash_todo_action {
  display: flex !important;
}

.dash_todo_hover {
  padding: 10px;
}

.dashboard-green-text {
  color: #38af68;
}

.purple_speedtest_dropdown {
  width: 100%;
  border: 1px solid #f2f4f7 !important;
  top: 42px !important;
  background-color: #fbfbfb;
  padding: 12px;
}

.campaign-dropdown .lable_change:focus {
  box-shadow: unset;
  outline: unset;
}

.campaign-dropdown .lable_change i {
  color: #475467 !important;
}

.purple_speedtest_dropdown .dropdown-item:hover {
  background-color: transparent !important;
}

.purple_speedtest_dropdown .dropdown-item:hover span:first-child {
  text-decoration: underline !important;
  color: #8a12dc !important;
  text-underline-offset: 3px;
}

.add_new_campaign_btn {
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px 0px #1018280d;
  padding: 10px 16px;
}

.add_new_campaign_btn:hover i {
  color: #8a12dc !important;
}

.campaign_dashboard_div {
  border: 1px solid #eaecf0;
  background-color: #ffffff;
}

.purple_add_task_form input[type="text"],
.purple_add_task_form select,
.purple_add_task_form .input-group-text,
.purple_add_task_form #btn_save_new_task,
#add_keyword_form input {
  border-radius: 8px;
  height: 44px;
}

#add_keyword_form .select2-selection {
  border-radius: 8px;
  height: 44px !important;
  border: 1px solid #d0d5dd !important;
}

.select2-container--open .select2-dropdown {
  top: -6px !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  /* height: 44px !important; */
  display: flex !important;
  align-items: center;
}

.custom-select-2-tag #select2-location-container,
.custom-select-2-tag #select2-location-container {
  height: 44px;
}

/* .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px !important;
} */

.ad_badge {
  width: auto !important;
  height: auto !important;
  top: 15px;
  left: 15px;
  z-index: 1;
}

.dash_star img {
  width: 18px;
}

.max-w-20px {
  max-width: 20px;
}

.max-w-14px {
  max-width: 14px;
}

.border_radius4px {
  border-radius: 4px;
}

.purple_dashboard_card {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background-color: #fff;
}

.audiit-country {
  color: #475467;
  font-size: 14px;
}

.purple_dashboard_card .dropdown-item:hover {
  background-color: transparent !important;
  color: #8a12dc !important;
}

.purple_dashboard_card table tr:hover {
  background-color: #f2f4f7;
}

.rank_keyword_count {
  background-color: #f9f1ff !important;
  border-color: #8a12dc !important;
}

.purple_cus_account .dropdown-menu a {
  padding: 6px 12px;
}

.purple_cus_account .dropdown-menu a:hover,
.purple_cus_account .dropdown-menu a.active {
  background-color: #f9f1ff !important;
  color: #8a12dc !important;
  border-radius: 8px;
}

.stunning_caption_dropdown {
  border: 1px solid #eaecf0;
  background-color: #fff !important;
  border-radius: 8px !important;
  /* right: 16px !important; */
  right: 24px !important;
  top: 0 !important;
  left: unset !important;
  width: auto !important;
  transform: none !important;
  z-index: 1;
  padding: 10px;
}

.stunning_caption_dropdown a:hover {
  color: #495057 !important;
}

.grey_border_button {
  box-shadow: 0px 1px 2px 0px #1018280d;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  font-family: "Inter-semibold";
  height: 44px;
}

a.grey_border_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.grey_border_button:hover {
  color: #8a12dc !important;
  border: 1px solid #8a12dc;
}

.campaign-down-arrow {
  position: absolute;
  top: 25px;
  right: 6px;
}

.campaign-dropdown .dropdown-menu {
  transform: translate3d(5px, 35px, 0px) !important;
  left: -5px !important;
}

.dash_campaign_butons .dash_btn_txt {
  width: calc(100% - 55px);
}

.dash_campaign_butons .dash_btn_txt_1 {
  width: calc(100% - 95%);
}

.purple_custom_input {
  min-height: 44px !important;
  border: 1px solid #d0d5dd !important;
  box-shadow: 0px 1px 2px 0px #1018280d !important;
  border-radius: 8px;
}

.purple_custom_input .select2-container--default .select2-selection--multiple {
  border: unset !important;
  border-radius: 8px;
}

.uptime_lable_switch {
  width: calc(100% - 55px);
  float: left;
}

.purple_custom_input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.purple_custom_input
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  float: right;
  margin-left: 2px;
  color: #8a12dc !important;
}

.setting_keyword_count {
  background-color: #ffeef8 !important;
  border: 1px solid #ffd0ed !important;
}

.brand_logo_uploader {
  width: 100%;
  float: left;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  min-height: 100px;
  margin-bottom: 12px;
}

.brand_logo {
  background-color: #fff;
}

.favicon {
  background-color: #fff;
}

.favicon_uploader {
  width: 100%;
  float: left;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  min-height: 100px;
  margin-bottom: 12px;
}

input[id="brand_logo"] {
  display: none;
}

label[for="brand_logo"] {
  cursor: pointer;
  transition: 400ms ease;
}

input[id="favicon"] {
  display: none;
}

label[for="favicon"] {
  cursor: pointer;
  transition: 400ms ease;
}

.file_names {
  display: block;
  position: absolute;
  left: 0;
  top: 37%;
  left: 50%;
  transform: translate(-50%, 100%) !important;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0;
  text-align: center;
}

.search_console_table .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa;
}

.purple_dashboard_card.search_console_table table tr:hover {
  background-color: #f8f9fa;
}

.service-quantity {
  border: 1px solid #e4e4e5;
  width: 28px;
  height: 28px;
  border-radius: 32px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 10px !important;
}

.dashboard-lable-green {
  background-color: #caf9cf;
  border-radius: 6px;
}

.dashboard-lable-light-pink {
  background-color: #fff2f2;
  border-radius: 6px;
}

.dashboard-bg-light-green {
  background-color: #e8f8ef;
}

.min-height-153px {
  min-height: 153px;
}

.dashboard-text-orange {
  color: #ea4335;
}

.dashboard-gradient {
  background: linear-gradient(180deg, #f7eefe 0%, #fff 100%);
}

.recommended-seller-gradient {
  background: linear-gradient(
      255.33deg,
      rgba(247, 241, 255, 0.5) 5.47%,
      rgba(255, 198, 233, 0.5) 54.85%,
      rgba(219, 202, 255, 0.5) 104.24%
    ),
    linear-gradient(0deg, #f8f8f8, #f8f8f8);
}

.recommended-seller-badge {
  color: #8a12dc;
  font-size: 12px;
  font-weight: 600;
  background-color: #f4ebff;
  padding: 4px 10px 4px 10px;
  border-radius: 18px;
}

.max-w-60px {
  max-width: 60px;
}

.course_user_position {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.sellers-slider {
  border-radius: 12px;
}

.sellers-slider .slick-arrow {
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.11) !important;
}

.sellers-slider .slick-arrow img {
  width: 11px;
  height: 11px;
}

.sellers-slider .cus-arrow-left {
  left: -50px;
}

.sellers-slider .cus-arrow-right {
  right: -90px;
}

.new-home-services.sellers-slider .cus-arrow-left {
  left: 0px !important;
}

.new-home-services.sellers-slider .cus-arrow-right {
  right: -40px !important;
}

@media only screen and (max-width: 1024px) {
  .sellers-slider .cus-arrow-left {
    left: -25px !important;
  }

  .sellers-slider .cus-arrow-right {
    right: -65px !important;
  }
}

.bg-new-theme-purple {
  background-color: #8a12dc !important;
}

.text-cart-error {
  color: #ff6969;
}

.text-color-25:hover {
  color: #eb47ac;
}

.bg-new-theme-purple-cart-light-gray {
  background-color: #fafafa;
}

.dashboard-recommendations-gradient {
  background: linear-gradient(
      241.19deg,
      #ff8ed4 0%,
      #9e77ed 49.21%,
      #feb241 95.81%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  border: 3px solid transparent;
  /* border-image-source: linear-gradient(241.19deg, #FF8ED4 0%, #9E77ED 49.21%, #FEB241 95.81%); */
  border-radius: 12px !important;
  overflow: hidden;
  /* animation: bg-hue 3s ease alternate infinite; */
}

@keyframes bg-hue {
  100% {
    filter: hue-rotate(360deg);
  }
}

.dashboard-recommendation .recommendation-box {
  background: linear-gradient(
    255.33deg,
    rgba(247, 241, 255, 0.5) 5.47%,
    rgba(255, 198, 233, 0.5) 54.85%,
    rgba(219, 202, 255, 0.5) 104.24%
  );
  border-radius: 12px;
}

.dashboard-recommendations-gradient-btn {
  background: linear-gradient(
      261.21deg,
      #8a12dc 2.23%,
      #eb47ac 59.02%,
      #feb241 108.72%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
  border: 2px solid transparent;
  border-image-source: linear-gradient(
    261.21deg,
    #8a12dc 2.23%,
    #eb47ac 59.02%,
    #feb241 108.72%
  );
  box-shadow: 0px 4px 8px 0px #eb47ac33;
  border-radius: 8px;
  overflow: hidden;
}

.dashboard-audiit-light-orange {
  background-color: #fff2f2;
  border-radius: 8px;
}

.dashboard-audiit-light-theme {
  background-color: #f7f1ff;
  border-radius: 8px;
}

.dashboard-audiit-light-green {
  background-color: #effff8;
  border-radius: 8px;
}

.audiit-label {
  background-color: #fff0f9;
  color: #eb47ac;
  border-radius: 16px;
}

.audiit-dropdown-new-design {
  box-shadow: 0px 1px 2px 0px #1018280d;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
}

.audiit-score-label {
  background-color: #ffe8e8;
  border-radius: 6px;
}

.text-color-34 {
  color: #430071;
}

.text-light-stepper {
  color: #c5cbd2 !important;
}

/* global pagination color */

.page-item.active .page-link {
  background-color: #8a12dc !important;
  border: 1px solid #eeeeee;
}

.page-link {
  color: #344054;
  border: 1px solid #eeeeee;
}

.page-link:hover {
  background-color: #8a12dc !important;
  border: 1px solid #eeeeee;
  color: #fff;
}

.page-item.disabled .page-link {
  border: 1px solid #eeeeee;
}

.page-link:focus {
  box-shadow: unset !important;
}

/*  */

.cust-influencer-section .btn-primary {
  background-color: #8a12dc;
  color: #fff !important;
  border: unset !important;
  font-family: "Inter-semibold";
}

.cust-influencer-section .btn-primary:hover {
  background-color: #6c13a9 !important;
}

/* Pricing page css */

.text-color-35 {
  color: #6600cc !important;
}

.text-color-36 {
  color: #f9b50b !important;
}

.text-color-37 {
  color: #02dcbb !important;
}

.text-color-38 {
  color: #f625bb !important;
}

.text-color-39 {
  color: #f625bb !important;
}

.text-color-40 {
  color: #455a64 !important;
}

.text-color-41 {
  color: #727998 !important;
}

.text-color-42 {
  color: #263577 !important;
}

.text-color-43 {
  color: #263238 !important;
}

.bg-btn-bottom {
  background: #455a64 !important;
}

.gradient-text-level {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(267.77deg, #02dcbb 5.42%, #2bd9ff 44.23%),
    linear-gradient(0deg, #ffffff, #ffffff);
}

.gradient-text-amazing {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
      268.08deg,
      #f9b50b -0.19%,
      #ff5c97 20.95%,
      #bb2bff 39.7%,
      #2bd9ff 60.49%
    ),
    linear-gradient(0deg, #8a12dc, #8a12dc);
}

.gradient-text-absolutely {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
      268.08deg,
      #f9b50b -0.19%,
      #ff5c97 20.95%,
      #bb2bff 39.7%,
      #2bd9ff 60.49%
    ),
    linear-gradient(0deg, #263577, #263577),
    linear-gradient(0deg, #8a12dc, #8a12dc);
}

.gradient-border-popular {
  display: inline-block;
  border: 1px solid;
  border-radius: 6px;
  border-image: linear-gradient(
      267.39deg,
      #f9b50b -10.33%,
      #ff5c97 27.38%,
      #bb2bff 60.83%,
      #2bd9ff 97.92%
    )
    1;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
      267.39deg,
      #f9b50b -10.33%,
      #ff5c97 27.38%,
      #bb2bff 60.83%,
      #2bd9ff 97.92%
    ),
    linear-gradient(0deg, #ffffff, #ffffff);
}

.border_radius6px {
  border-radius: 6px !important;
}

.font-56 {
  font-size: 56px;
}

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

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

.max-width-720 {
  max-width: 720px !important;
}

.min-height-735 {
  min-height: 735px;
}

.min-h-320 {
  min-height: 320px;
}

.height-76 {
  height: 76px !important;
}

.mt-212 {
  margin-top: 180px;
}

.stroke-right {
  top: 229px;
  right: 0px;
  width: 302px;
  height: 411px;
}

.stroke-left {
  bottom: 0px;
  left: 0px;
  width: 500px;
}

.stroke-left-bottom {
  bottom: -30px;
  left: 0px;
}

.ellipse-left-bottom {
  bottom: -30px;
  left: 246px;
}

.ellipse-right-bottom {
  right: 70px;
  bottom: -1361px;
}

.stroke-right-bottom {
  bottom: 220px;
  right: 0px;
}

.vector-right-bottom {
  bottom: -20px;
  right: 107px;
}

.vector-left-bottom {
  top: 670px;
}

.polygon-right-bottom {
  top: 128px;
  right: 262px;
}

.polygon3-left-bottom {
  left: 276px;
  top: 138px;
  height: 15.4px !important;
  width: 15.4px !important;
}

.polygon5-left-bottom {
  width: 15.4px !important;
  height: 15.4px !important;
  top: 321px;
  left: 63px;
}

.polygon6-right-bottom {
  width: 15.4px !important;
  height: 15.4px !important;
  top: 897px;
  right: 70px;
}

.polygon7-left-bottom {
  width: 33.61px !important;
  height: 33.61px !important;
  top: 1490px;
  left: 60px;
}

.polygon8-right-bottom {
  height: 21px !important;
  width: 21px !important;
  top: 1622px;
  right: 110px;
}

.ellipse2-left-bottom {
  top: 1852px;
  left: 160px;
}

.polygon9-left-bottom {
  width: 15.4px !important;
  height: 15.4px !important;
  top: 1030px;
  left: 60px;
}

.polygon4-left-bottom {
  height: 33.61px !important;
  width: 33.61px !important;
  top: 620px;
  left: 214px;
}

.polygon1-center-bottom {
  height: 21px !important;
  width: 21px !important;
  left: 70%;
  top: 642px;
}

.union-right {
  bottom: 0;
  right: 0px;
  width: 406px;
  height: 368px;
}

.union-left {
  top: 229px;
  left: -120px;
  width: 406px;
  height: 368px;
}

.union2-left-bottom {
  right: 0 !important;
  top: 520px;
}

.union-left-bottom {
  left: 7px;
  top: 51px;
}

.frame-center {
  top: -10px;
}

.single_price_plan_ {
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  margin-bottom: 50px;
  background-color: #ffffff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: 12px !important;
}

.single_price_plan_legit {
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 12px;
  background: #e8f6ff;
}

.single_price_plan_legitPlus {
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 12px;
  background: #faedff;
}

.single_price_plan_legitAgency {
  z-index: 1;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 12px;
  background: #fff8e7;
}

.single_price_plan_legit.active,
.single_price_plan_legit:hover,
.single_price_plan_legit:focus {
  box-shadow: 0px 4px 30px 0px #26357733;
  transform: scale(1.01);
  z-index: 2;
  margin: 0 !important;
  border: 2px solid #009bff;
}

.single_price_plan_legitPlus.active,
.single_price_plan_legitPlus:hover,
.single_price_plan_legitPlus:focus {
  box-shadow: 0px 4px 30px 0px #26357733;
  transform: scale(1.01);
  z-index: 2;
  margin: 0 !important;
  border: 2px solid #8a12dc;
}

.single_price_plan_legitPlus {
  box-shadow: 0px 4px 30px 0px #26357733;
  transform: scale(1.01);
  z-index: 2;
  margin: 0 !important;
  border: 2px solid #8a12dc;
}

.light_purple_btn {
  border: 1px solid transparent !important;
}

.light_purple_btn:hover {
  border: 1px solid #8a12dc !important;
}

.single_price_plan_legitAgency.active,
.single_price_plan_legitAgency:hover,
.single_price_plan_legitAgency:focus {
  box-shadow: 0px 4px 30px 0px #26357733;
  transform: scale(1.01);
  z-index: 2;
  margin: 0 !important;
  border: 2px solid #ffb500;
}

.single_price_plan_.active,
.single_price_plan_:hover,
.single_price_plan_:focus {
  box-shadow: 0px 4px 30px 0px #26357733;
  transform: scale(1.16);
  z-index: 2;
  margin: 0 !important;
}

.card-margin {
  margin-top: -215px !important;
}

.card-right {
  bottom: 0 !important;
}

.card-right-bg {
  background: linear-gradient(180deg, #f7e0ff 0%, #ffffff 67.84%);
}

.card-right-bg-footer {
  background: #f7e0ff !important;
}

.legit-plus-img {
  box-shadow: 0px 0px 5px rgb(187 193 196 / 90%),
    0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  max-height: 86px !important;
}

.border-radius-12 {
  border-radius: 0 0 12px 12px !important;
}

.border-bottom-radius-12 {
  border-radius: 0 0 12px 12px;
}

@media (max-width: 992px) {
  .single_price_plan_.active,
  .single_price_plan_:hover,
  .single_price_plan_:focus {
    box-shadow: 0 !important;
    transform: none !important;
    z-index: none !important;
  }

  .single_price_plan_legit.active,
  .single_price_plan_legit:hover,
  .single_price_plan_legit:focus {
    box-shadow: 0 !important;
    transform: none !important;
    z-index: none !important;
  }

  .single_price_plan_legitPlus.active,
  .single_price_plan_legitPlus:hover,
  .single_price_plan_legitPlus:focus {
    box-shadow: 0 !important;
    transform: none !important;
    z-index: none !important;
  }

  .single_price_plan_legitAgency.active,
  .single_price_plan_legitAgency:hover,
  .single_price_plan_legitAgency:focus {
    box-shadow: 0 !important;
    transform: none !important;
    z-index: none !important;
  }

  .min-h-320 {
    min-height: auto !important;
  }

  .single_price_plan_ {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .card-margin {
    margin-top: 25px !important;
  }

  .tt-menu {
    left: 0 !important;
    width: 100% !important;
  }

  .min-height-735 {
    min-height: auto;
    max-height: 400px;
    height: 100%;
  }

  .mt-212 {
    margin-top: 40px;
  }
}

.manage-sale-tabel a {
  color: #8a12dc;
}

.update-account .btn:hover {
  background: #6c13a9;
  color: #fff;
}

.hover_round_bg {
  width: 40px !important;
  height: 40px !important;
}

.hover_dark_msg,
.hover_dark_gate {
  width: 20px;
  height: 20px;
}

.transactions-table .custom h6 a {
  color: #8a12dc;
}

.change_recurring_period {
  color: #8a12dc !important;
}

.manage-sale-a-white a.btn {
  color: #fff !important;
}

.max-h-370px {
  max-height: 370px;
}
.max-h-355px {
  max-height: 355px;
}
.custom_user_profile_text a:hover {
  color: #344054 !important;
}

.subcategory-list li:hover {
  background-color: transparent !important;
}

.add_tag_dropdown .bg-primary-blue {
  height: auto !important;
}

.custom-select-2-tag
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 10px;
}

a.blog-text-slate-gray:hover {
  color: #8a12dc !important;
}

.newsign-up_btn:focus,
.login_buttons button:focus {
  box-shadow: unset !important;
  outline: unset !important;
}

.sortby-listing .online-seller-span .cus-switch {
  height: 20px !important;
}

.project-block-detail .greytext:hover {
  color: #8a12dc !important;
}

.bootbox-confirm .modal-footer button:focus {
  box-shadow: unset !important;
  outline: unset !important;
}

.max-w-90px {
  max-width: 90px;
}

.my_service_card_div .thumbnail img {
  max-height: 350px;
}

#select_your_service_for_rent_spot_modal_id .modal-dialog {
  height: auto !important;
}

.select2-search.select2-search--dropdown:focus-visible,
.select2-search__field:focus-visible {
  outline: unset !important;
  box-shadow: unset !important;
}

#status_form_Search .form-control.custom_select_grey:focus option,
#status_form_Search .form-control.custom_select_grey:focus {
  color: #333 !important;
  display: block !important;
}

#status_form_Search .form-control.custom_select_grey option:hover {
  background-color: #8a12dc !important;
}

.m-height-800 {
  min-height: 800px;
}

.new_service_box .promot-service {
  margin-bottom: 15px;
}

#navbarNavDropdown1 .main-navigation li.nav-item.dropdown:first-child {
  padding: 8px 20px 8px 0;
}

#navbarNavDropdown1 .main-navigation li.nav-item.dropdown:last-child {
  padding: 8px 0 8px 20px;
}

#deliverorderpopup .modal-header,
#deliverorderpopup .modal-footer,
#deliverorderpopup .modal-body {
  padding-bottom: 0 !important;
}

/* .header_message_list_div{
  min-width: 380px;
} */

.navigation_2_subcategory .card-header,
.navigation_2_subcategory .card {
  background-color: transparent !important;
  border: unset !important;
}

.navigation_2_subcategory .accordion {
  margin-left: 25px;
}

.navigation_2_subcategory .accordion .card-header .btn:focus,
.navigation_2_subcategory .accordion .card-header .btn:hover {
  outline: unset;
  box-shadow: unset;
  text-decoration: none;
}

.navigation_2_subcategory .accordion .navbar-nav {
  margin-left: 0 !important;
}

.navigation_2_subcategory button[aria-expanded="true"] i.fa.fa-angle-down {
  transform: rotate(180deg);
  transition: 0.2s;
}

.navigation_2_subcategory button[aria-expanded="false"] i.fa.fa-angle-down {
  transform: rotate(0deg);
  transition: 0.2s;
}

.navigation_2_subcategory .main-navigation li.nav-item.dropdown {
  padding-right: 0 !important;
}

#review_modal .modal-footer {
  padding-bottom: 0 !important;
}

.new_service_box .promot-service:last-child {
  margin-bottom: 15px !important;
}

.navigation_2__ .dropdown-menu {
  top: 33px;
}

.btn.focus,
.btn:focus,
.form-control:focus {
  box-shadow: unset !important;
  outline: unset !important;
}

.bell_hover_dark,
.gate_hover_dark {
  position: relative;
}

.bell_hover_dark .change-image,
.bell_hover_dark .hover_dark_bell,
.gate_hover_dark .change-image,
.gate_hover_dark .hover_dark_gate {
  position: absolute;
  left: 10px;
}

.cus-login-model a.cus-back-login {
  color: #8a12dc !important;
}
.chatbox {
  display: none; /* Start with chatbox hidden */
  border: 1px solid #ccc;
  padding: 10px;
  position: absolute;
  background-color: white;
}

.chatbox.open {
  display: block;
}

.lh_fix_16 {
  line-height: 16px;
}

.single_price_plan_legit .col-12.mb-3 img,
.single_price_plan_legitPlus .col-12.mb-3 img,
.single_price_plan_legitAgency .col-12.mb-3 img {
  height: 16px;
}

.fix_m55_set_price {
  margin-top: 55px;
}

/* date range css */

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #8a12dc;
  border: 1px solid #8a12dc;
}

.daterangepicker .ranges li {
  color: #8a12dc;
}

/* ------- */

select:focus {
  box-shadow: none;
}

#shareServiceModal .modal-header {
  position: relative;
  z-index: 1;
}
.pagination {
  width: 100%;
  display: inline-block !important;
}

.new_landing_page .main-navigation.navbar-nav li:last-child {
  margin-right: 5px !important;
}

.monthly-term-selector:focus {
  border-color: #8a12dc !important;
}

.cus-account-table table td {
  vertical-align: middle;
}

#deliverorderpopup .modal-dialog {
  height: auto !important;
}

.tools_data .dropdown-item.tools_bg_gradient,
.dropdown-item.tools_bg_gradient {
  background: linear-gradient(265.04deg, #f4ebff 4.37%, #ffe8f6 91.62%);
}

.new_landing_page
  .main_navigation
  .tools_data
  .dropdown-item.tools_bg_gradient:hover {
  background: linear-gradient(265.04deg, #f4ebff 4.37%, #ffe8f6 91.62%);
  color: #000 !important;
}

.slick-slide img {
  display: unset;
}

#status_form_Search .form-control {
  height: 44px;
}

.border_summary {
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px;
}

.cookie-cart-combo-save {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.cart_div .custom-header-cart {
  min-width: unset !important;
}

.legiit_price_img1 img {
  width: 100px;
  height: 34px;
}

.image_uploader {
  width: 100%;
  float: left;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  min-height: 100px;
  margin-bottom: 12px;
}

input[id="image_upload"] {
  display: none;
}

label[for="image_upload"] {
  cursor: pointer;
  transition: 400ms ease;
}

.tools_bg_gradient {
  /* margin-left: 10px; */
  /* margin-bottom: 5px; */
  /* width: 95% !important; */
  background: linear-gradient(265.04deg, #f4ebff 4.37%, #ffe8f6 91.62%);
}

.ai_help_chat_dash_open{
  max-width: 284px;
}

.ai_help_chat_dash {
  position: fixed;
  bottom: 15px;
  right: 15px;
  padding: 8px 10px 0;
  border-radius: 36px 36px 0px 36px;
  border: 2px solid transparent;
  background-image: linear-gradient(#fff, #fff),
  linear-gradient(241.19deg, #FF8ED4 0%, #9E77ED 49.21%, #FEB241 95.81%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  z-index: 999;
  cursor: pointer;
  user-select: none;
}

.ai_chat_icon img{
  width: 48px;
}

.chat_text_dash p{
  padding-top: 6px
}

.popup_chatbox{
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 1;
  width: 375px;
  box-shadow: 0px 0px 62px -4px rgba(0,0,0,0.29);
  border-radius: 16px;
}

/* popup_chatbox_header */

.chat_head_profile img{
  width: 44px;
  height: 44px;
}

.chat_status_dash{
  color: #1BE07B;
  padding-left: 10px;
}

.chat_status_dash span{
  top: -2px;
  left: 0;
}

.chat_status_dash i{
  font-size: 6px;
}

.chat_head_profile_name p:first-child{
  padding-top: 7px;
}

.popup_chatbox_header{
  border-radius: 16px 16px 0 0;
  border: 1px solid #00000012;
  background-color: #fff;
  padding: 10px;
}
.head_dropdown_btn{
  background-color: transparent;
  border: unset !important;
  padding: 7px;
  color: #8A12DC;
}

/* popup_chatbox_body */

.popup_chatbox_body{
  background-color: #F5F5F5;
  border: 1px solid #00000012;
  padding: 10px;
  height: 350px;
  overflow: auto;
  position: relative;
}

.primary-border-btn{
  border: 2px solid #8A12DC1A;
  color: #8A12DC;
  border-radius: 8px;
}

.primary-border-btn:hover{
  border: 2px solid #8A12DC;
  color: #8A12DC;
}

.initial_chatbox{
  width: 280px;
  padding: 12px;
  background-color: #fff;
  border: 1px solid #EAECF0;
  border-radius: 22px;
  position: absolute;
  bottom: 10px;
}

.msg_seen_time_dash{
  text-align: right;
  opacity: 25%;
}

/* popup_chatbox_footer */

.popup_chatbox_footer{
  border-radius: 0 0 16px 16px;
  border: 1px solid #00000012;
  background-color: #fff;
  padding: 10px;
}

.popup_chatbox_footer img{
  width: 26px;
  height: 26px;
}

.popup_chatbox_footer input{
  border: unset !important;
}

.popup_chatbox_footer input::placeholder{
  color: #101828;
  opacity: 25%;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
}


.help_question_icon {
  width: 32px;
  height: 32px;
  position: fixed;
  bottom: 100px;
  left: 18px;
  z-index: 10;
  border-radius: 50%;
  background-color: #8a12dc;
}

.help_question_icon_btn {
  border: unset !important;
  background-color: transparent !important;
  outline: unset !important;
  padding: 6px;
}

.help_question_icon i {
  padding: 4px;
  color: #fff;
}

.thumbnail_overlay_video {
  position: fixed;
  bottom: 100px;
  left: 10px;
  z-index: 10;
  width: 220px;
  border-radius: 18px;
  box-shadow: -18px 23px 29px -4px rgba(0, 0, 0, 0.39);
}

.thumbnail_overlay_video img {
  width: 100%;
  height: 180px;
  border-radius: 18px;
}

.close_thumbnail {
  position: absolute;
  top: -12px;
  right: -5px;
  z-index: 1;
  width: 25px;
  height: 25px;
  background-color: #00000085;
  border-radius: 50%;
  color: #fff;
}

.close_thumbnail span {
  display: inline-block;
  padding: 3px 8px;
  cursor: pointer;
}

.thumbnail_need_help_text {
  background-color: #8a12dc;
  color: #fff;
  padding: 2px 8px;
  height: 30px;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0 0 18px 18px;
}

.play_button_thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 1;
  cursor: pointer;
}

#thumbnail_image{
  cursor: pointer;
}

.play_button_thumbnail img {
  width: 60px;
  height: 60px;
  border-radius: 0;
}

.thumbnail_video_player .modal-header{
  position: absolute;
  position: absolute;
  top: -10px;
  right: 6px;
  padding: 0;
  border: unset !important;
  z-index: 99;
}

.thumbnail_video_player .modal-header button.close{
  width: 25px;
  height: 25px;
  background-color: #00000085;
  border-radius: 50%;
  padding: 0;
}

.thumbnail_video_player .modal-header button.close span{
  color: #fff;
}

.thumbnail_video_player .modal-dialog{
  max-width: 800px;
}

.thumbnail_video_player .modal-body,
.thumbnail_video_player .modal-content{
  padding: 0 !important;
}

.expand_button{
  position: absolute;
  z-index: 99;
  top: 4px;
  left: 8px;
}

.thumbnail_overlay_video .jwplayer.jw-flag-aspect-mode {
  height: auto !important;
  border-radius: 18px;
}
.popup_chatbox_footer span{
  cursor: pointer;
}

.attach_icon{
  opacity: 25%;
}

.updated_chat_new .messenger-list-item:hover .str-limit30,
.updated_chat_new .messenger-list-item:focus .str-limit30,
.updated_chat_new .messenger-list-item:active .str-limit30,
.updated_chat_new .messenger-list-item:focus-visible .str-limit30 {
  color: #fff !important;
}


.blog_search_input input{
  max-width: 450px;
  width: 100%;
}.feedback_text{
  height: auto !important;
}


.feedback_range {
  align-items: center;
  gap: 1rem;
  margin: 16px auto 16px;
  background: #fff;
}

#range-slider__range {
  appearance: none;
  width: calc(100% - 40px);
  height: 5px;
  border-radius: 5px;
  background: #d7dcdf; 
  outline: none;
  padding: 0;
  margin: 0;
}

#range-slider__range::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #8A12DC !important;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}

#range-slider__range::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 10px rgba(138, 18, 220, .1)
}

#range-slider__range:active::-webkit-slider-thumb {
  transform: scale(1.1);
  box-shadow: 0 0 0 10px rgba(138, 18, 220, .1)
}

#range-slider__value {
  display: inline-block;
  margin-left: 16px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
}
.dashboard-text-green i {
  transform: rotate(45deg);
}
.dashboard-text-red i {
  transform: rotate(325deg);
}

.updated_ranktracker_table .rank-dot {
  width: 8px;
  height: 8px;
  background-color: #a7a6a6;
  top: 7px;
  margin-left: 3px;
}

.rank-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #D9D9D9;
  border-radius: 50%;
}

.light_bg_temp {
  background-color: #F3E7FB;
  border-radius: 8px;
  border: unset;
  color: #8A12DC;
  font-weight: 600;
}

.light_bg_temp:hover {
  background-color: #8A12DC;
  color: #fff !important;
}

.revision_checkbox {
  margin-top: .2rem !important;
}

.dashboard_service{
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 15px;
}

.cart_head_text_span span{
  width: 50% !important;
}

.br-24{
  border-radius: 24px !important;
}

.dash_new_tab .nav-link.active{
  color: #8A12DC;
}

.dash_new_tab .nav-item .nav-link{
  /* border-bottom: solid rgba(0, 0, 0, 0.05); */
  border-width: 0 0 2px 0;
  border-radius: 0;
}

.dash_new_tab .nav-item .nav-link{
  min-height: 47px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
}

.dash_new_tab .nav-item .nav-link.active{
  border-bottom: 2px solid #8A12DC;
}

.dash_new_tab .nav-item .nav-link:hover{
  border-bottom: 2px solid #8A12DC;
  color: #8A12DC;
}

.dash_new_tab ul{
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}

.dash_new_tab ul li a{
  color: #475467;
}

.suggestive_text{
  background-color: #F3F3F3;
  border-radius: 8px;
}

.dash_new_header .dividerline{
  position: absolute;
  border: 1px solid #EAECF0;
  right: 0px;
  top: 0;
  height: 100%;
}

.dash_new_header .col-md-6{
  height: 100%;
}

.dash_tab_counter{
  background-color: #8A12DC1A;
  border-radius: 50%; /* Makes the element round */
  display: inline-block; /* Ensures the element is properly rounded */
  width: 30px;        /* Adjust width as needed */
  height: 29px;       /* Adjust height as needed */
  text-align: center; /* Center text horizontally */
  line-height: 30px;  /* Center text vertically */
}

.star_icon_parent img{
    position: absolute;
    top: -7px;
    right: -12px;
}

.dash_border{
  border: 1px solid #EAECF0
}
.dash_share_header{
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  border-radius: 5px;
  box-shadow: 0px 6px 12px -5px #00000026;
}
.dash_share_header p:first-child{
  border-bottom: 1px solid #EAECF0;
}
.bg-light-pink{
  background-color: #EB47AC26;
}
.light-pink-border{
  border: 1px solid #EB47AC12;
}
.btn-theme-pink{
  background-color: #EB47AC;
  border-radius: 8px;
  color: #fff;
}
.btn-theme-pink:hover{
  background-color: #e91497;
  color: #fff;
}
.card-border-bottom{
  border-bottom: 1px solid #EAECF0 !important;
}
.gradient_div {
  border: 2px solid transparent;
  background: linear-gradient(241.19deg, #FF8ED4 0%, #9E77ED 49.21%, #FEB241 95.81%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  overflow: hidden;
  box-shadow: 0px 4px 14px 0px #DD86DD57;
}
.br-16{
  border-radius: 16px;
}
.gradient_div p{
  min-height: unset !important;
}
.star_position img{
  top: -20px;
  right: -30px;
}

.keyword_section {
  border: none !important;
}

.updated_ranktracker_table {
  border: none !important;
}

#keyword_rank_tracking_div .dashboard-box, #dashboard_console_module, .search_console, .google_analytics, .backlink_history{
  border: none !important;
}

#dashboard_console_module p {
  min-height: auto !important;
}

.lp-1{
  letter-spacing: 1px;
}

.imega_meta .bootstrap-tagsinput{
  min-height: 44px !important;
    border: 1px solid #D0D5DD !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    border-radius: 8px;
    padding: 9px 0 0;
}

.imega_meta .bootstrap-tagsinput input::placeholder{
  font-size: 16px;
  padding-left: 5px;
}

.btn-theme{
  background-color: #8A12DC;
  border-radius: 8px;
  color: #fff;
}

.btn-theme:hover {
  background-color: #6C13A9 !important;
  color: #fff;
}

.dashboard_wrapper_bg{
  background: url(../../images/dashboard_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

.campaign_dropdown{
  z-index: 9;
  left: 0;
}

#header_legiit_score_chart .highcharts-container {
  height: 80px !important;
}

#header_uptime_monitor .uptime-monior-style{
  height: 25px;
}

.analytics_p {
  min-height: 0px !important;
}

.rec_icon_new{
  width: 30px;
  height: 30px;
  background-color: #8A12DC1A;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
}

.select2-selection.select2-selection--multiple{
  display: flex !important;
  align-items: center;
  min-height: 44px !important;
  border: 1px solid #D0D5DD !important;
  box-shadow: 0px 1px 2px 0px #1018280D !important;
  border-radius: 8px !important;
}

.select2-selection__rendered{
  /* min-height: 42px; */
  min-height: 28px; 
  border-bottom: unset !important;
}

.rank_tracking_select .select2-selection__rendered{
  min-height: unset !important;
  height: 35px !important;
}

.br-12 {
  border-radius: 12px;
}

.analyzing-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.analyzing-circle {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.analyzing-container p {
  font-size: 16px;
  font-weight: bold;
  color: #555;
}

.ai-recommendation-box {
  background: linear-gradient(255.33deg, rgba(247, 241, 255, 0.5) 5.47%, rgba(255, 198, 233, 0.5) 54.85%, rgba(219, 202, 255, 0.5) 104.24%) !important;
  border-radius: 12px !important;
}


#page_speed_report_chart svg.highcharts-root{
  margin-top: 20px !important;
}

#page_speed_report_chart div > span{
  font-size: 40px !important;
}

.min-height-150{
  min-height: 150px;
}

.min-height-200{
  min-height: 200px;
}

.min-height-250{
  min-height: 250px;
}

#select_templet_chat , #tempalte_pop_chat {
  z-index: 99999 !important;
}
.min-width-450{
  min-width: 450px;
}

#uptime_graph > div{
  margin: 0 auto !important;
}

#dropdownDashboard[aria-expanded="true"] .fa-chevron-down {
  transform: rotate(180deg);
  transition: 0.2s;
}

#dropdownDashboard[aria-expanded="false"] .fa-chevron-down {
  transform: rotate(0deg);
  transition: 0.2s;
}

.draggable-item{
  cursor: unset !important;
}

.highcharts-root{
  cursor: pointer !important;
}

.sponsered_service_ui .legt-card-layout{
  margin: 0 auto;
  max-width: 356.66px;
}

.no-border {
  border: none !important;
}

@media (min-width: 768px) and (max-width: 974px) {
  .analytics_text {
      white-space: nowrap; 
      overflow: hidden; 
      text-overflow: ellipsis;
      max-width: 150px;
  }
}

.packages_tab .messagenger-nav-pills .nav-item {
  width: 50% !important;
}

.cus_blog .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  /* display: block; */
  max-height: 250px;
  overflow-y: auto;
}

#unique_page_view_section .module-enable-disable-switch,
#bounces_traffic_data .module-enable-disable-switch{
  right: 15px;
}

#add_keyword_form{
  max-height: 600px;
  overflow-y: auto;
}

/* Adjust the seller order service Select2 container (the dropdown box) */
.select2-container--default .select2-selection--single {
  height: 44px !important;
}

#select2-userServicesDropdown-container {
  height: 44px !important;
  display: flex !important;
  align-items: center;
}

.subscription-tooltip {
  color: #8a12dc !important;
}

.select2-container {
  /* z-index: 89 !important; */
  z-index: 30 !important;
  /* position: relative !important; */
}

.select2-dropdown {
  z-index: 999 !important; /* Ensure dropdown is above other elements */
}

/* Applies only when .my-custom-class is present on the select2 container */
.select2-container.overlap-drop-down-class {
  z-index: 99999 !important; /* Higher priority when open with custom class */
}

/* Applies only when inside a container with .my-custom-class */
.select2-container.overlap-drop-down-class .select2-dropdown {
  z-index: 999999 !important; /* Ensure dropdown is on top */
}

.laravel-header-div{
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
}

.seller-order-select2{
  .select2-container{
    z-index: 30 !important;
  }
}
.swal2-container{
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.5);
}
.my-custom-swal {
  background-color: #fff;
  color: #333;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}

.dark .my-custom-swal {
  background-color: #1f2937; 
  color: #f9fafb;            
}

.upload-video-thumbnail {
  .cr-overlay, .cr-viewport {
    position: absolute !important;
    cursor: move !important;
  }
  .cr-viewport {
    top: 0 !important;
  }
}