@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@200;900&family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: "Poppins", sans-serif;
}

a {
  text-decoration: none !important;
  outline: none !important;
}

img {
  border: none;
}

.clr {
  clear: both;
}

label {
  display: inline-block;
  margin-bottom: 0rem;
}

/*login-page css*/

.login-wrap {
  width: 100%;
  height: 100vh;
  background: #fff;
  display: flex;
  align-items: center;
}

.login-in {
  width: 100%;
  height: 100%;
  display: flex;
}

.background-left {
  display: flex;
  flex: 50%;
  background: url(../images/login-1-bg.png) left center;
}

.logo {
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
}

.logo img {
  width: 55%;
  height: auto;
}

.logo a {
  width: 210px;
  height: auto;
  display: block;
  margin: 0 auto 30px auto;
}

.logo a img.comp_logo {
  width: 100%;
  height: auto;
  /* filter: brightness(0) invert(1); */
}

.login-inner h3 {
  font-size: 45px;
  color: #000;
  font-weight: 600;
  padding-bottom: 30px;
}

.logo h1 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  margin: 20px 0 0px 0;
}

.login-form {
  flex: 50%;
  background: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 80px;
}

.background-right {
  flex: 50%;
  background: #ffffff;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 10px;
}

.background-right form {
  width: 80%;
}

.login-inner {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-inner h3 {
  text-align: center;
}

.input-main {
  background: var(--white, #fff);
  box-shadow: 0px 0px 6.634px 0px rgba(0, 0, 0, 0.25);
  height: 55px;
  width: 100%;
  display: flex;
  margin-bottom: 19px;
  border-radius: 10px;
  align-items: center;
  position: relative;
}

#rememberme {
  /* / background: url(../images/checkbox.png);/*/
  width: 18px;
  height: 18px;
  float: left;
  border: 1px solid #043573;
  appearance: none;
  border-radius: 2px;
  margin-top: 2px;

  cursor: pointer;
}

.password-eye .fa-eye:before {
  content: "";
  width: 19px;
  height: 19px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/login-page/icons/eye-open.svg);
}

.password-eye .fa-eye-slash:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/login-page/icons/eye-close.svg);
}

#rememberme:checked {
  appearance: auto;
  accent-color: #043573;
}

.input-main input {
  border: none;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  padding-left: 15px;
  padding-right: 45px;
}

label.remember-me-box {
  gap: 5px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 15px;
}

.btn-box {
  display: flex;
}

.button-login {
  width: 86%;
  height: 50px;
  color: #fff !important;
  border: none;
  display: flex;
  border-radius: 10px;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
  margin: auto;
}

.button-boxx {
  display: flex;
  justify-content: center;
  width: 90%;
}

.modal-heading {
  width: 100%;
  clear: both;
  height: 62px;
  padding: 17px 0px;
  display: flex;
  /* justify-content: flex-end; */
  margin: 0 0 -40px 0;
  border-radius: 6px 6px 0 0;
  flex-direction: row-reverse;
  display: flex;
  align-content: center;
}

.verifcation-form-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  /* margin-top: 62px; */
}

.inner-succ-box {
  padding: 14px 0 0 0;
}

.congrtaulation-wrap {
  margin: 0px 0px 0px 0px;
}

.congrtaulation-wrap h2 {
  color: #e60023;
  margin-bottom: 30px;
  font-weight: 600;
}

.btn-campaign-data {
  width: 184px;
  height: 50px;
  font-size: 20px;
  flex-shrink: 0;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  border: none;
  color: #fff;
  border-radius: 10px;
  padding: 10px 0 0 0;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 8px 52px 24px 52px;
  width: 100%;
  height: auto;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.login-btn {
  width: 86%;
  height: 50px;
  color: #fff !important;
  border: none;
  display: flex;
  border-radius: 10px;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
  margin: auto;
}

.influ-wrap {
  width: 100%;
  height: auto;
}

.influ-strip {
  background: linear-gradient(
    -90deg,
    rgba(172, 117, 47, 1) 0%,
    rgba(253, 210, 155, 1) 200%
  );
  display: flex;
  align-items: center;
}

.influ-logo {
  /*flex-basis: 17%;*/
  width: 229px;
  background: #000;
  padding: 10px 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.influ-logo img {
  width: 40px;
  margin-right: 8px;
}

.influ-logo a {
  font-size: 25px;
  color: #b07d3c;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.influ-strip form {
  width: auto;
}

.menu-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 26px;
  margin-left: 15px;
}

.menu-btn:hover {
  color: #fff !important;
}

.influ-in {
  width: 100%;
  height: auto;
  padding: 20px !important;
}

.admin-heading {
  width: 100%;
  height: auto;
}

.admin-heading h1 {
  font-weight: 700;
  font-size: 28px;
  color: #171748;
  margin: 0px 0 20px 0;
}

.influ-strip-2 {
  width: 100%;
  height: auto;
  background: #154889;
  padding: 7px 15px;

  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* .influ-search {
  display: flex;
  flex-basis: 66%;
  flex-direction: row;
} */
 
.influ-search {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
  margin-right: auto;
}

.influ-search h3 {
  color: rgb(255, 255, 255);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: auto 10px;
}

.influ-btns .add-category-flex {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.download-btn {
  text-align: center;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  margin: 0 auto;
  color: #fff !important;
  font-weight: normal;
  border-radius: 10px;
  text-transform: uppercase;
  border: none;
  padding: 10px 30px;
}

.modal-body h4 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.terms-box h4 {
  font-size: 18px;
  text-align: left;
}

.influ-btn {
  display: block;
  color: #fff;
  padding: 9px 17px 9px 17px;
  border-radius: 30px;
  font-size: 14px;
  outline: none;
  font-weight: 500;
  height: 36px;
  border: none;
  margin-left: 8px;
  gap: 9px;
  display: flex;
  cursor: pointer;
  align-items: center;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  border-radius: 10px;
}

.influ-btn img {
  /* width: 19px;
  height: 19px; */
  margin-right: 3px;
}

.influ-table table tr:nth-child(1) {
  background: #ededed;
}

.influ-table table tr th {
  width: auto !important;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 50px;
  color: #ffffff;
  width: auto;
  border-right: 1px solid #043573;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
}

.influ-table table tr td {
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  /* font-family: 'Aleo', serif; */
  vertical-align: middle;
  border-right: 1px solid #043573;
}

.influ-table table tr:nth-child(odd) td {
  background: #e6e9ed;
  color: rgba(0, 0, 0, 0.8);
}

/* ------ serch by name ---- */

.search-box {
  border-radius: 50px;
  border: 1px solid var(--white, #fff);
  background: #ffffff;
  width: 283px;
  height: 36px;
  margin: 0px 10px 0px 0px;
}

.search-box .row {
  align-items: center;
  padding: 7px 18px;
}

.search-box .row input {
  flex: 1;
  height: 18px;
  background: #ffffff;
  border: 0;
  padding: 0 0 0 11px;
  outline: 0;
  font-weight: 500;
  font-size: 13px;
  color: #000000;
}

.search-box .row input::placeholder {
  color: #000000;
}

.broker-date {
  width: 150px;
  height: 40px;
  margin-left: 7px;
  border-radius: 50px;
  border: 1px solid var(--white, #fff);
  background: #ffffff;
}

.broker-date input[type="text"]::placeholder {
  color: #000000 !important;
  font-weight: 500;
}

.broker-date input[type="text"] {
  width: 100%;
  height: 37px;
  padding: 12px 11px 10px 13px;
  /* border: 1px solid #626CFE; */
  border-radius: 30px;
  cursor: pointer;
  border: none;
  /* line-height: 4px; */
  font-size: 14px;
  color: #ffffff;
  background: transparent;
  appearance: none;
  background-image: url(../images/calender.png);
  background-size: 19px;
  background-position: right 16px center;
  background-repeat: no-repeat;
}

/* data campaign css */

.password-eye {
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  top: auto;
  right: 15px;
  border: none;
  align-items: center;
  background: none;
  justify-content: center;
  transition: 0.5s;
}

.password-eye::placeholder {
  color: var(--inputclr, #444);
}

.modal-width2 {
  max-width: 450px;
}

.password-eye i {
  color: #c0c0c0;
  cursor: pointer;
}

.password-eye .fa-eye-slash:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/eye-close.svg);
}

.password-eye .fa-eye:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/eye-open.svg);
}

.login-labl {
  cursor: pointer;
  display: flex;
  align-items: stretch;
  margin: 10px 0px 30px 15px;
  font-size: 13px;
}

.login-rmb {
  margin-right: 8px;
}

/* eye icon */

.eye-close {
  background-image: url(../images/closed-eye-icon.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  margin-top: 2px;
}

.eye-open {
  background-image: url(../images/open-eye-icon.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/* eye icon */

/*login-section*/

/*login-succ-section*/

#login-succ .modal-dialog {
  max-width: 380px;
  height: 100%;
  margin: 0rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#login-succ .modal-content {
  border-radius: 10px;
  background: #fff;
}

#login-succ .logout-in h1 {
  font-weight: 600;
  font-size: 30px;
  margin: 10px 0 10px 0;
  color: #000;
}

#login-succ .logout-in img {
  width: 55px;
  box-shadow: 0px 0px 10px 0px #00000040;
  border-radius: 50%;
}

#login-succ .logout-in p {
  margin: 20px 0;
  color: #333;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

#login-succ .logout-in-btn {
  border: none;
  padding: 8px 60px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  border-radius: 20px;
  background: #1e5b7c;
  line-height: normal;
}

/*login-succ-section*/

.search-box .row button {
  border: 0;
  background: 0;
  margin: 0 6px 0 0;
  width: 43px;
}

.result-box {
  margin: 2px 3px 0px 25px;
}

.result-box ul {
  border-top: 1px solid #999;
  padding: 15px 10px;
  text-align: left !important;
  position: absolute;
  background: #fff;
  border-radius: 4px;
  width: 25%;
  /* margin: 15px 0 0 0; */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.result-box ul li {
  list-style: none;
  border-radius: 0px;
  padding: 6px 11px;
  font-size: 13px;
  cursor: pointer;
  border-bottom: 1px solid #f5e9e9;
}

.result-box ul li:hover {
  background-color: #626cfe29;
}

.result-box .quotes-list {
  width: auto;
}

.result-box .influ-btns-label {
  position: relative;
  /* margin: 0; */
  z-index: 1;
  color: #333333;
  margin-right: 39px;
  border-bottom: 1px solid #e9e9e9;
  font-weight: 400;
  padding: 6px;
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
}

.result-box .influ-btns-label input[type="checkbox"] {
  margin-left: auto;
  accent-color: #043573;
}

.result-box .quotes-list {
  height: 150px;
  overflow-y: scroll;
}

.result-box .quotes-list::-webkit-scrollbar {
  width: 10px;
  height: 150px;
}

.result-box .quotes-list::-webkit-scrollbar-track {
  background: #c6ddfc;
  margin: 6px 10px 6px 4px;
  border-radius: 5px;
}

.result-box .quotes-list::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 5px;
}

.invite-user {
  flex-basis: 50%;
  text-align: right;
  margin-left: auto;
}

.invite-user a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 8px 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
}

.invite-user i {
  font-size: 22px;
  margin-left: 10px;
}

.admin-icon {
  flex-basis: auto;
  height: 100%;
  width: auto;
  margin-left: auto;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.admin-icon img {
  width: 36px;
  margin: 5px 0 -1px 0;
}

.admin-icon svg {
  width: 30px;
  height: auto;
}

.admin-icon svg g path {
  fill: #fff;
}

.influ-search form {
  width: 100%;
  height: auto;
}

.influ-search form label {
  width: 100%;
  margin-bottom: 0 !important;
  display: inline-flex;
  background: #fff;
  align-items: baseline;
  padding-left: 5px;
  border-radius: 30px;
}

.influ-search form label input {
  width: 100%;
  height: 30px;
  position: relative;
  background: #ffffff;
  border: none;
  color: #000;
  padding: 0px 10px;
  font-size: 13px;
  font-weight: 500;
  outline: none;
  /* font-family: 'Aleo', serif; */
  border-radius: 30px;
}

.influ-search form label input::placeholder {
  color: #000;
  line-height: 20px;
}

.influ-search form label button {
  width: 40px;
  height: 100%;
  border: none;
  background: none;
  padding: 10px;
  color: #fff;
  outline: none;
  cursor: pointer;
  margin-left: auto;
}

.influ-search form label button img {
  width: 100%;
}

.main-wrap-form {
  display: flex;
}

.influ-btns {
  flex-basis: 100%;
}

.influ-btns ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

.influ-btns ul li a {
  background: #fff;
  display: block;
  color: #000;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 14px;
}

.influ-btns ul li a i {
  color: #000;
  font-size: 14px;
}

.influ-btns form {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.rightarrow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}

.export-btn-contact-man {
  background: #fff;
  /* background: var(--gradientbg-1, linear-gradient(90deg, #4B1F4B 0%, #863087 52.60%, #4B1F4B 100%)); */
  display: block;
  color: #231f20 !important;
  /* padding: 9px 17px 9px 17px; */
  padding-left: 10px;
  border-radius: 30px;
  font-size: 14px;
  outline: none;
  font-weight: 500;
  height: 44px;
  border: 1px solid #fff !important;
  margin-left: 8px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
  width: 236px;
}

.location-btn {
  background: transparent;
  display: block;
  color: #fff !important;

  border: 1px solid #fff !important;
  padding: 9px 12px;
  border-radius: 30px;
  /* background: var(--gradientbg-1, linear-gradient(90deg, #4B1F4B 0%, #863087 52.60%, #4B1F4B 100%)); */
  font-size: 14px;
  outline: none;

  margin-left: 10px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.addcategory-btn {
  background: #fff;
  display: block;
  color: #fff !important;
  font-weight: 500;
  max-width: 158px;
  height: 44px;
  width: 100%;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  /* border-radius: 50px; */
  border-radius: 30px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.addcategory-btn img {
  width: 21px;
  height: auto;
  margin-left: 5px;
}

.addfaq-btn {
  background: #fff;
  display: block;

  font-weight: 500;
  max-width: 130px;

  padding: 9px 12px;
  /* border-radius: 5px !important; */
  /* border-radius: 50px; */
  border-radius: 30px;
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.addfaq-btn img {
  width: 21px;
  height: auto;
  margin-left: 5px;
}

.top-right-para {
  color: #aaa;
  text-align: right;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  margin-bottom: 0;
  font-weight: 500;
}

.service-highlight-btn {
  background: #fff;
  display: block;
  color: #fff !important;
  font-weight: 500;
  max-width: 213px;
  height: 44px;
  width: 100%;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  /* border-radius: 50px; */
  border-radius: 30px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.service-highlight-btn img {
  width: 21px;
  height: auto;
  margin-left: 5px;
}

.addsubcategory-btn {
  background: #fff;
  display: block;
  color: #fff !important;
  font-weight: 500;
  max-width: 193px;
  height: 44px;
  width: 100%;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  /* border-radius: 50px; */
  border-radius: 30px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  gap: 5px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.addsubcategory-btn img {
  width: 21px;
  height: auto;
  margin-left: 5px;
}

.location-btn img {
  width: 21px;
  height: auto;
  margin-left: 5px;
}

.share-social-form {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 13px -1px;
}

.share-social-form2 {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 13px -1px;
}

.share-social-form h3 {
  font-size: 24px;
  color: #2d072d;
  font-weight: 600;
  margin: -26px 0 0px 0;
}

.share-social-form2 h4 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  text-align: initial;
  margin: 19px 0 10px 0;
}

.share-social-form2 h3 {
  font-size: 24px;
  color: #2d072d;
  font-weight: 600;
  margin: -26px 0 0px 0;
}

.share-social-form label {
  border: none;
  outline: none;
  width: 100%;
  height: 45px;
  margin: 0;
  background: #fff;
  border-radius: 0px 30px 30px 0px;
  margin: 12px 0px;
  position: relative;
  display: flex;
  align-items: center;
}

.share-package-form label {
  /* border: none; */
  outline: none;
  width: 100%;
  height: 45px;
  margin: 0;
  background: #fff;
  border-radius: 0px 30px 30px 0px;
  margin: 12px 0px;
  position: relative;
  display: flex;
  align-items: center;
}

/* ------- popular mangemnt css ----- */

.experience-boxex-wrap {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1px 0 10px 0;
}

.experience-boxex-wrap3 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1px 0 10px 0;
}

.experience-box3 {
  border-radius: 9.433px;
  border: 1.943px solid var(--formbdr, #c0c0c0);
  background: var(--inputbg, rgba(254, 184, 255, 0.5));
  padding: 14.865px 15px;
  width: 32%;
}

.experience-box3 .count3 {
  /* border: 2px solid #863087; */
  /* width: 12.298px; */
  height: 73.298px;
  padding: 0px 21.149px;
  justify-content: center;
  align-items: center;
  color: #863087;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  border-radius: 38.865px;
}

.count3 img {
  width: 62px;
  height: 37px;
  object-fit: contain;
}

.experience-box3 h3 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  margin: 11px 0 14px 0;
  text-align: center;
}

.experience-box3 p {
  padding: 0;
  color: #444;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  border-radius: 8px;
  margin: 0;
  margin-top: -4px;
}

.share-category-form .switch {
  width: 54px;
  border-radius: 0px 30px 30px 0px;
  margin: 12px 0px;
  position: relative;
  height: 20px;
}

.share-category-form .slider:before {
  position: absolute;
  content: "";
  height: 80%;
  width: 14px;
  padding: 0;
  margin: 0;
  left: 2px;
  top: 2px;
  bottom: auto;
  transform: translateX(1px);
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.share-category-form .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  display: flex;
  right: 0;
  bottom: 0;
  background-color: #ee2020;
  /* border: 2px solid #EE2020; */
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.abouts-us-btnwrap {
  display: flex;
  justify-content: flex-start;
  gap: 7px;
  margin: 16px 0 0 0;
}

.about-edit-btn {
  height: 48px;
  background: #000000;
  color: #fff !important;
  /* display: flex; */
  border-radius: 40px;
  align-items: center;
  width: 16%;
  border: none;
  text-align: center;
  padding: 12px 39px 12px 38px;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin: 0px 5px;
}

.about-save-btn {
  height: 48px;
  /* background: #000000; */
  color: #fff !important;
  /* display: flex; */
  border-radius: 40px;
  align-items: center;
  width: 15%;
  border: none;
  text-align: center;
  padding: 12px 39px 12px 38px;
  /* background: #000; */
  background: var(
    --maincolor,
    linear-gradient(0deg, rgb(241, 0, 39) 0%, rgb(194, 3, 34) 100%)
  );
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin: 0px 5px;
}

.respond-btn {
  height: 45px;
  /* background: #000000; */
  color: #fff !important;
  /* display: flex; */
  border-radius: 8px;
  align-items: center;
  /* width: 15%; */
  border: none;
  text-align: center;
  padding: 8px 34px 8px 34px;
  /* background: #000; */
  background: #000000;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0px 5px;
}

.responded-btn {
  height: 45px;
  /* background: #000000; */
  color: #fff !important;
  /* display: flex; */
  border-radius: 8px;
  align-items: center;
  /* width: 15%; */
  border: none;
  text-align: center;
  padding: 8px 34px 8px 34px;
  /* background: #000; */
  background: #008000;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0px 5px;
}

.share-category-form strong {
  font-size: 14px;
  color: #444444;
  width: 100%;
  text-align: justify;
}

.request-checkbox-warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0 -10px 0;
}

.experience-box {
  border-radius: 9.433px;
  border: 1.943px solid var(--formbdr, #c0c0c0);
  background: var(--inputbg, rgba(254, 184, 255, 0.5));
  padding: 14.865px 15px;
  width: 32%;
}

.experience-box .count {
  border: 2px solid #863087;
  width: 12.298px;
  height: 44.298px;
  padding: 0px 21.149px;
  justify-content: center;
  align-items: center;
  color: #863087;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  border-radius: 38.865px;
}

.experience-box .count2 {
  /* border: 2px solid #863087; */
  width: 12.298px;
  height: 44.298px;
  padding: 0px 21.149px;
  justify-content: center;
  align-items: center;
  color: #863087;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  border-radius: 38.865px;
}

.count2 img {
  width: 202px;
  height: 37px;
  object-fit: cover;
}

.experience-box p {
  padding: 0;
  color: #444;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  border-radius: 8px;
  margin: 0;
  margin-top: -4px;
}

.arrange-popular-wrap {
  display: flex;
  align-items: center;
  gap: 9px;
}

.popular-btn {
  font-size: 14px;
  display: flex;
  width: 105.028px;
  height: 33.865px;
  font-weight: 500;
  color: #fff;
  padding: 0px 29.149px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border-radius: 38.865px;
  background: var(
    --gradientbg-2,
    linear-gradient(225deg, #a35ca4 54.69%, #78abdb 100%)
  );
}

.experience-box h3 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  margin: 11px 0 14px 0;
  text-align: initial;
}

.experience-box h3 span {
  font-weight: 500;
  color: #444444;
  font-size: 16px;
}

.custom-package-btn {
  width: 100%;
  padding: 9.716px 13.433px;
  color: #fff !important;
  background: var(
    --maincolor,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
  font-size: 16px;
  border: none;
  display: flex;
  text-transform: uppercase;
  border-radius: 7.716px;
  font-weight: 500;
  text-align: center;
  align-items: center;
  justify-content: center;
}

/* ------- popular mangemnt css ----- */

/* ----- what to expect opoup css ----- */

.what-expect-from-popup {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 13px -1px;
}

.what-expect-from-popup h3 {
  font-size: 24px;
  color: #2d072d;
  font-weight: 600;
  margin: -26px 0 0px 0;
}

.what-expect-from-popup h4 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  text-align: initial;
  margin: 9px 0 0px 0;
}

.what-expect-from-popup label {
  border: none;
  outline: none;
  width: 100%;
  height: 45px;
  margin: 0;
  background: #fff;
  border-radius: 0px 30px 30px 0px;
  margin: 12px 0px;
  position: relative;
  display: flex;
  align-items: center;
}

.what-expect-from-popup label input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 12px;
  /* margin-bottom: 6px; */
  padding-right: 8px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444;
}

.what-expect-from-popup form {
  height: 400px;
  overflow: hidden;
  /* padding-left: 4px; */
  /* margin-left: -5px; */
  /* margin-right: -26px; */
  overflow-y: scroll;
  padding-right: 15px;
}

.what-expect-from-popup form::-webkit-scrollbar {
  width: 10px;
  height: 80px;
}

.what-expect-from-popup form::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 1px;
}

.what-expect-from-popup form::-webkit-scrollbar-track {
  background: #ffceff;
  margin: 6px 10px 6px 4px;
}

.share-social-form2 label input::placeholder {
  color: #231f20;
}

.share-social-form2 label span {
  color: #006450;
  font-size: 14px;
  font-weight: 500;
}

/* ----- what to expect opoup css ----- */

.share-social-form2 label {
  border: none;
  outline: none;
  width: 100%;
  height: 45px;
  margin: 0;
  background: #fff;
  border-radius: 0px 30px 30px 0px;
  margin: 12px 4px;
  position: relative;
  display: flex;
  align-items: center;
}

.share-social-form label img {
  /* height: fit-content; */
  /* background: #E50916; */
  position: absolute;
  width: 46px;
  padding: 6px;
  border-radius: 6px 6px 6px 6px;
  left: 0px;
  top: auto;
}

.share-social-form2 label img {
  /* height: fit-content; */
  /* background: #E50916; */
  position: absolute;
  width: 46px;
  padding: 6px;
  border-radius: 6px 6px 6px 6px;
  left: 0px;
  top: auto;
}

.share-social-form label input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  /* margin-bottom: 6px; */
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.share-package-form label input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 12px;
  /* margin-bottom: 6px; */
  padding-right: 12px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.share-package-form {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 13px -1px;
}

.share-package-form h3 {
  font-size: 24px;
  color: #2d072d;
  font-weight: 600;
  margin: -26px 0 0px 0;
}

.share-package-form h4 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  text-align: initial;
  margin: 19px 0 10px 0;
}

.share-category-form h4 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  text-align: initial;
  margin: 19px 0 10px 0;
}

.share-package-form label input::placeholder {
  color: #000;
}

.share-category-form label input::placeholder {
  color: #000;
}

.share-package-form span {
  font-size: 14px;
  color: #444444;
  width: 100%;
  text-align: justify;
}

.share-category-form strong {
  font-size: 14px;
  color: #444444;
  width: 100%;
  text-align: justify;
  font-weight: 400;
}

.form-popup {
  text-align: left;
}

.share-category-form label {
  /* border: none; */
  outline: none;
  width: 100%;
  /* height: 45px; */
  margin: 0;
  background: #fff;
  border-radius: 0px 30px 30px 0px;
  /* margin: 12px 0px; */
  /* position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; */
}

.green-color {
  color: #003246;
  font-weight: bold;
}

.form-popup textarea {
  width: 100%;
  height: 100px;
  resize: none;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
}

.outer-board {
  border: 1px solid gray;
  border-radius: 5px !important;
  padding: 10px;
}

.share-category-form label input[type="text"] {
  width: 40rem;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 11px;
  /* margin-bottom: 6px; */
  padding-right: 34px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.share-category-form label input[type="file"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  /* margin-bottom: 6px; */
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.share-category-form {
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 13px -1px;
}

a.download_icon {
  position: absolute;
  right: 68px;
  padding-top: 12px;
}

.text-black1 {
  color: #000;
  opacity: 0.8;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0px;
}

.share-category-form h3 {
  font-size: 24px;
  color: #1e5b7c;
  font-weight: 600;
  margin: -26px 0 20px 0;
}

.share-category-form h4 {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  text-align: initial;
  margin: 19px 0 10px 0;
}

.share-category-form label input::placeholder {
  color: #000;
}

.share-category-form span {
  color: #aaa;
  text-align: right;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.uploded-img-wrap {
  display: flex;
  gap: 4px;
  margin: 13px 0 14px 0;
}

.img-wrap-uploded {
  background-color: #fff;
  padding: 4px;
  /* border-radius: 5px; */
  border-radius: 6px;
  border: 1px solid var(--formbdr, #c0c0c0);
  background: #fff;
}

.img-wrap-uploded img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.share-social-form2 label input[type="text"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  /* margin-bottom: 6px; */
  padding-right: 194px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.share-package-form label a {
  position: absolute;
  /* width: 46px; */
  padding: 5px 15px;
  border-radius: 6px 6px 6px 6px;
  right: 9px;
  top: auto;
  color: #fff;
  /* width: 12%; */
  font-size: 12px;
  font-family: Poppins;
  font-size: 14px;
  border-radius: 5px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
}

.share-social-form label a {
  position: absolute;
  /* width: 46px; */
  padding: 5px 15px;
  border-radius: 6px 6px 6px 6px;
  right: 9px;
  top: auto;
  color: #fff;
  /* width: 12%; */
  font-size: 12px;
  font-family: Poppins;
  font-size: 14px;
  border-radius: 5px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
}

.share-social-form2 label a {
  padding: 5px 15px;
  border-radius: 6px 6px 6px 6px;
  right: 9px;
  top: auto;
  color: #fff;
  /* width: 12%; */
  font-size: 12px;
  font-family: Poppins;
  font-size: 14px;
  border-radius: 5px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
}

.download-krew-view {
  display: flex;
  gap: 5px;
  position: absolute;
  padding: 5px 15px;
  border-radius: 6px 6px 6px 6px;
  right: -6px;
}

.share-social-form2 label span {
  color: #542154;
  font-size: 14px;
  font-weight: 500;
}

.share-social-form label input::placeholder {
  color: #231f20;
}

.share-social-form2 label input::placeholder {
  color: #231f20;
}

.share-social-form label input[type="email"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  /* margin-bottom: 6px; */
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #b6b6b6;
  color: #333333;
}

.share-social-form2 label input[type="email"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  /* margin-bottom: 6px; */
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #b6b6b6;
  color: #333333;
}

h3.req_head {
  text-align: center;
  font-size: 24px;
  color: #e60023;
  font-weight: 600;
  margin-top: 29px;
}

.bgclass {
  display: flex;
  background: #fff;
  border: 1px solid #cfcfcf;
  padding: 7px 15px;
  border-radius: 10px;
  margin-top: 7px;
  align-items: center;
}

.img-busines-box img {
  width: 50px;
}

.businbox {
  width: 47%;
  float: left;
  margin: 0px 9px;
}

a.cupontext {
  margin: 24px 7px 24px 17px;
  color: #333;
  font-size: 18px;

  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline !important;
}

a.cupontext2 {
  margin: 24px 7px 24px 40px;
  color: #333;
  font-size: 18px;

  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline !important;
}

a.cupontext3 {
  margin: 0px 7px 9px 0px;
  color: #333;
  font-size: 18px;

  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline !important;
}

a.cupontext-voopons {
  margin: 0px 0px 0px 0px;
  color: #333;
  font-size: 18px;

  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline !important;
}

.modal-dialog2 {
  max-width: 700px;
}

#service-query .modal-dialog {
  max-width: 535px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#verfication-query .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#custom-package-popup .modal-dialog {
  max-width: 554px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#cancelled-popup .modal-dialog {
  max-width: 452px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#feedback-popup .modal-dialog {
  max-width: 691px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#editcategory-popup .modal-dialog {
  max-width: 495px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#categoryimg-popup .modal-dialog {
  height: 100%;
  align-items: center;
  margin: 2rem auto;
}

#addsubcategory-popup .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#editsubcategory-popup .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#addservice-popup .modal-dialog {
  max-width: 554px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#editservice-popup .modal-dialog {
  max-width: 495px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#servicehighlight-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#editservicehighlight-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#viewservicehighlight-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#whatto-expect-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#whatto-viewexpect-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#whatto-editexpect-popup .modal-dialog {
  max-width: 490px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#request-package-popup .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

#add-faq-popup .modal-dialog {
  max-width: 500px;
  display: flex;
  height: 100%;
  align-items: center;
}

#edit-faq-popup .modal-dialog {
  max-width: 500px;
  margin: 0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

.items img {
  width: 377px;
  height: 250px;
  border-radius: 28px;
}

.rating-slades {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rating-star {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
}

.all-selected-services {
  border-radius: 6px;
  border: 1px solid var(--formbdr, #c0c0c0);
  background: #fff;
  padding: 9px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.all-selected-services img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.select-verification {
  border-radius: 6px;
  border: 1px solid var(--formbdr, #c0c0c0);
  background: #fff;
  padding: 6px;
  color: #444;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  width: 76%;
}

.all-selected-services p {
  padding: 8px 11px;
  color: #444;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-radius: 8px;
  margin: 0;
  background: var(--inputbg, rgba(254, 184, 255, 0.5));
}

.share-social-form h4 {
  font-size: 16px;
  color: #2d072d;
  font-weight: 500;
  text-align: initial;
  margin: 9px 0 0px 0;
}

.add-category-btn {
  background: #fff;
  display: block;
  color: #000 !important;
  font-weight: 500;
  max-width: 157px;
  width: 100%;
  font-style: normal;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  border-radius: 50px;
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.add-category-btn img {
  width: 18px;
  height: auto;
  margin-left: 15px;
}

.add-faq-btn {
  background: #fff;
  display: block;
  color: #000 !important;
  font-weight: 500;
  max-width: 121px;
  width: 100%;
  font-style: normal;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  border-radius: 50px;
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.add-faq-btn img {
  width: 18px;
  height: auto;
  margin-left: 15px;
}

.date-filter-btn {
  background: #fff;
  display: block;
  color: #000 !important;
  font-weight: 500;
  max-width: 134px;
  width: 100%;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  border-radius: 50px;
  font-size: 14px;
  outline: none;
  border: none;
  margin-left: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.date-filter-btn img {
  width: 15px;
  height: auto;
  margin-left: 3px;
  margin-right: 9px;
}

.table-container {
  display: flex;
  width: 100%;
  /* justify-content: flex-start; */
  /* background-color: #d0d5d1; */
  /* border-bottom: 1px solid #D9D9D9; */
}

.table-item:nth-child(1) {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  padding: 5px 15px;
  width: 58%;
}

.table-item:nth-child(2) {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  margin: 4px;
}

.modal-body-sbscribe {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 12px 3px 12px 2px;
  width: 100%;
  height: auto;
}

#global_search_list a {
  display: list-item;
  color: #fff;
  font-size: 16px;
}

.table-item:nth-child(2) {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  margin: 4px;
}

.date-btn {
  background: #fff;
  display: block;
  color: #000 !important;
  font-weight: 500;
  max-width: 147px;
  width: 100%;
  padding: 9px 12px;
  /* border-radius: 5px !important; */
  border-radius: 50px;
  font-size: 13px;
  outline: none;
  border: none;
  margin-left: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.date-btn img {
  width: 15px;
  height: auto;
  margin-left: 8px;
  margin-right: 7px;
}

.influ-view-btn {
  padding: 9px 2px;
  background: #087992;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  max-width: 122px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 30px;
}

.add-subcategory-btn {
  padding: 9px 2px;
  background: #626cfe;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  max-width: 190px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 30px;
}

.submit-btn {
  padding: 9px 2px;
  background: #626cfe;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  max-width: 162px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 30px;
}

.common-btn {
  padding: 9px 2px;
  background: #626cfe;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  height: 45px;
  text-align: center;
  max-width: 160px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: none;
  border-radius: 30px;
}

.common-btn3 {
  padding: 12px 2px;
  background: #626cfe;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  height: 45px;
  text-align: center;
  max-width: 160px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: none;
  border-radius: 30px;
}

.common-btn3:hover {
  color: #fff;
}

.common-btn2:hover {
  color: #fff;
}

.tophead {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  padding: 7px 0 0 0;
  /* line-height: 31px; */
  color: #fff;
}

.common-btn2 {
  padding: 12px 2px;
  background: #0a002f;
  /* border-radius: 6px; */
  color: #fff;
  /* font-size: 13px; */
  width: 100%;
  height: 45px;
  text-align: center;
  max-width: 160px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border: none;
  border-radius: 30px;
}

.influ-table-approve {
  padding: 8px 20px;
  background: #348c57;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: 600;
}

.influ-table-reject {
  padding: 8px 20px;
  background: #e55c5c;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: 600;
}

.prod-img-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 6px;
}

.prod-img-wrap img {
  background-color: aquamarine;
  padding: 6px;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, #bdc0f2 0%, #626cfe 100%);
  border-radius: 10px;
  width: 91px;
  height: 63px;
  object-fit: cover;
}

.influ-view-btn2 {
  padding: 8px 20px;
  background: #087992;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  border: none;
  font-weight: 600;
}

.view-img {
  position: fixed;
  /* top: 31px; */
  margin: 1px -2px 0 -26px;
  color: rgba(255, 255, 255, 0.85);
  width: 20px !important;
  height: 20px !important;
  object-fit: cover;
}

.broker-date input::placeholder {
  color: #fff;
}

.add-common-btn {
  background: transparent;
  display: block;
  color: #fff !important;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 5px !important;
  font-size: 14px;
  outline: none;
  border: none;
  border: 1px solid #fff;
  margin-left: 10px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.add-common-btn img {
  width: 20px;
  height: auto;
  margin-left: 12px;
}

.influ-btn i {
  font-size: 17px;
  color: #fff;
  margin-right: 0;
  /* margin-left: 10px; */
  font-weight: 500;
}

.influ-btn input {
  width: 70px;
  min-width: 70px;
  border: none;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: #000;
  text-align: right;
  caret-color: transparent;
}

.influ-btn input::placeholder {
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

/*.influ-btn i {
font-size: 14px;
font-weight: 400;
margin-right: 10px;
}*/

/*.influ-btns form button i {
font-size: 15px;
color: #000;
margin-right: 0;
}
*/
.influ-btns form select {
  cursor: pointer;
  background: #fff;
  display: block;
  color: #000;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 13px;
  outline: none;
  border: none;
  margin-left: 10px;
  /*-webkit-appearance: none;
  -moz-appearance: none;
  position: relative;*/
}

/*.influ-btns form select:after {
 position: absolute;
content: '';
background-image: url(../images/dropdown.png);
width: 40px;
height: 30px;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: right;
background-size: contain;
z-index: 999999;
}*/
.quotes-list {
  width: max-content;
}

.influ-btns-label {
  position: relative;
  /* margin: 0; */
  z-index: 1;
  color: #444;
  margin-right: 5px;
  /* border-bottom: 1px solid #023127; */
  font-weight: 400;
  padding: 7px;
  /* padding: 4px; */
  gap: 10px;
  width: 100%;
  margin-bottom: 1px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
}

.influ-btns form label input[type="checkbox"] {
  /* margin-left: auto; */
  accent-color: #03362b;
}

.influ-btns form input[type="date"]::-webkit-datetime-edit-text {
  -webkit-appearance: none;
  display: none;
}

.influ-btns form input[type="date"]::-webkit-datetime-edit-month-field {
  -webkit-appearance: none;
  display: none;
}

.influ-btns form input[type="date"]::-webkit-datetime-edit-day-field {
  -webkit-appearance: none;
  display: none;
}

.influ-btns form input[type="date"]::-webkit-datetime-edit-year-field {
  -webkit-appearance: none;
  display: none;
}

img.logout-class {
  width: 55px;
}

/*----------------*/
.influ-btns form input[type="date"]::before {
  content: attr(placeholder);
  position: absolute;
  color: #000;
  right: 10px;
  top: 7px;
}

.influ-btns form input[type="date"] {
  color: #000;
  width: 110px;
  height: 100%;
}

.influ-btn-request {
  display: flex;
  /* padding: 8px 15px; */
  padding: 10px 10px;
  justify-content: center;
  align-items: center;
  outline: none;
  gap: 10px;
  margin-left: 8px;
  height: 44px;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  background: var(--inputbg, rgba(254, 184, 255, 0.5));
}

/*.influ-btns form input[type="date"]:focus, input[type="date"]:valid {
color: #000;
}*/
.influ-btns form input[type="date"]:focus::before,
input[type="date"]:valid::before {
  content: attr(placeholder);
}

.influ-btns form input[type="date"]::-webkit-calendar-picker-indicator {
  color: #000;
  width: 200px;
  cursor: pointer;
  position: relative;
}

.influ-table {
  width: 100%;
  height: auto;
  /*box-shadow: 0px 0px 4px -2px #000;*/
  padding-bottom: 20px;
}

.influ-pagi ul li a.active {
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  color: #fff;
}

.influ-pagi ul li a:hover {
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  color: #fff !important;
}

.influ-table table {
  width: max-content;
  min-width: 100%;
  height: auto;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.table-responsive {
  overflow-x: auto;
  padding-bottom: 20px;
}

.table-responsive::-webkit-scrollbar {
  width: 1px;
  /* width of the entire scrollbar */
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #e0e0e0;
  /* color of the tracking area */
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #013246;
  border: 1px solid #d9d9d980;
  border-radius: 10px;
}

.influ-table table tr:last-child {
  border-bottom: 1px solid #cfe2df;
}

.influ-table table tr th:last-child {
  border-right: none;
}

.influ-table table tr td img {
  /* width: 65px;
 height: 40px; */
  object-fit: contain;
}

/*.influ-table table tr th:first-child {
width: 80px;
}

.influ-table table tr th:last-child {
border-right: none;
width: 120px;
}

.influ-table table tr th:nth-child(4) {
width: 200px;
}*/

/* action buttons  */

.btn-green {
  width: 105px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 4px;
  color: #fff;
  background: #008000;
  border: none;
}

/* action buttons  */

/* switch button  */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 23px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

input:checked + .slider {
  background-color: rgba(0, 128, 0, 1);
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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

/* switch button  */
/* status-switch */
.status-switch {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.status-switch p {
  align-items: center !important;
}

.influ-table table tr td form {
  width: 100%;
  height: auto;
}

.inner-services-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.inner-services-btns2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.inner-view-btn {
  padding: 8px 25px;
  background: #444444;
  border-radius: 20px;
  color: #fff !important;
  font-size: 14px;
  border: none;
  font-weight: 500;
}

.inner-edit-btn {
  padding: 8px 25px;
  background: var(
    --gradientbg-1,
    linear-gradient(90deg, #4b1f4b 0%, #863087 52.6%, #4b1f4b 100%)
  );
  border-radius: 20px;
  color: #fff !important;
  font-size: 14px;
  border: none;
  font-weight: 500;
}

/* .carousel-indicators {
  bottom: 43px;} */

.inner-delete-btn {
  padding: 8px 25px;
  background: #f00;

  border-radius: 20px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  border: none;
}

.baner_tagline {
  background: #075442;
  width: 86%;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  padding: 5px;
}

/*.influ-table table tr td:first-child {
width: 80px;
}*/
.influ-table table tr td:last-child {
  border-right: none;
}

.influ-table table tr td a {
  display: inline-block;
  margin: 0 4px;
  color: #2b2b2b;
  font-size: 13px;
  /* text-decoration: underline !important; */
}

.view_btn img {
  margin-right: 5px;
}

.influ-table table tr td a img {
  /* width: 16px; */
  height: auto;
}

.pdf-icn a img {
  width: 20px !important;
  margin: 0 5px;
}

.influ-table p {
  font-size: 13px;
  color: #000000;
  text-align: right;
  margin: 0px 0px 0px 0px;
}

.influ-pagi {
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: 25px;
  position: relative;
  display: flex;
  padding: 0 0px 0 0px;
  align-items: center;
  justify-content: center;
}

.influ-pagi ul {
  padding: 10px;
  margin: 0;
  display: inline-block;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);
}

.influ-pagi ul li a {
  list-style: none;
  display: inline-block;
  margin: 0 2px;
  height: 35px;
  width: 35px;
  font-size: 15px;
  color: #000;
  border: 1px solid #000;
  border-radius: 2px;
  transition: 0.5s;

  /* text-align: center; */
  line-height: 35px;
  /* align-items: center; */
  /* justify-content: center; */
}

.influ-pagi ul li {
  display: inline-block;
}

/* .influ-pagi ul li a:hover {
  background: #c20322;
  color: #fff !important;
  border: 1px solid #c20322 !important;
} */

a.active1 {
  background: #c20322;
  color: #fff !important;
  border: 1px solid #c20322 !important;
}

.influ-pagi ul li a i {
  color: #054536;
}

.influ-pagi ul li:first-child a:hover {
  background: none !important;
  color: #000 !important;
  border: 0px !important;
}

.influ-pagi ul li:last-child a:hover {
  background: none !important;
  color: #000 !important;
  border: 0px !important;
}

.influ-pagi ul li.active a {
  font-size: 17px;
  color: #000;
  font-weight: 700;
  transition: 0.5s;
}

.influ-pagi ul li a:hover {
  font-size: 17px;
  font-weight: 700;
  color: #000000;
  transition: 0.5s;
}

.influ-pagi form {
  position: absolute;
  right: 0;
  color: #2b2b2b;
  font-weight: 500;
  font-size: 14px;
}

.influ-pagi-in select {
  padding: 10px 15px;
  background: #d3d7ea33;
  border: none;
  outline: none;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);
  cursor: pointer;
  font-size: 13px;
  color: #171748;
}

/*search-dropdown*/
.search-in label {
  margin: 0;
  width: 100%;
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
  border-radius: 5px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}

.search-in label i {
  position: absolute;
  right: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #444444;
}

.dropdown .search_quote {
  border: none;
  margin-bottom: 0px;
  padding: 6px 25px 6px 5px;
  font-size: 13px;
  border-radius: 5px;
  font-weight: 400;
  width: 100%;
  border-radius: 5px;
  background: rgba(230, 0, 35, 0.2);
}

.dropdown .search_quote::placeholder {
  color: #231f20;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.quotes {
  width: auto;
  /* min-width: 134px;
  max-width: 100%; */
  position: relative;

  border-radius: 30px;
}

.view_btn {
  background: #092a3d;
  border-radius: 2px;
  color: #fff !important;
  /* padding: 5px 10px; */
  width: 82px;
  height: 28px;
  padding: 5px;
  justify-content: center;
  align-items: center;
}

.delet-text {
  color: #000;
  font-weight: bold;
}

.dropdown-btn {
  height: 100%;
  /* padding: 10px; */
  padding: 9px 15px;
  width: max-content;
  position: relative;
  font-size: 14px;
  border-radius: 30px;
  height: 40px;
  font-weight: 500;
  cursor: pointer;
  /* background: linear-gradient(180deg, #1E5B7C 0%, #1E5B7C 27.6%, #1E5B7C 45.31%, #183B4F 100%); */
  /* max-width: 205px; */
  text-align: left;
  /* border-radius: 3px; */
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.dropdown-btn i {
  margin-left: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}

/*.dropdown-btn:after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 1px solid #171748;
position: absolute;
right: 10px;
top: 15px;
bottom: 0;
transform: rotate(45deg);
border-width: 0 1px 1px 0;
transition: all 0.5s ease;
}*/
.dropdown {
  padding: 5px 0px 0 9px;
  background-color: #ffffff;
  border-radius: 5px;
  margin-top: 5px;
  position: absolute !important;
  display: none;
  right: 0 !important;
  width: auto;
  text-align: left !important;
  border: 1px solid #e8e8e8;
  z-index: 1;
  /* flex-direction: column; */
}

.dropdown.dropdown-company {
  height: 241px;
  overflow-y: scroll;
  width: 241px;
}

.dropdown.drop_down {
  width: 206px;
}

.share-social-form2 form {
  height: 282px;
  overflow: hidden;
  /* padding-left: 4px; */
  /* margin-left: -5px; */
  /* margin-right: -26px; */
  overflow-y: scroll;
  padding-right: 15px;
}

.dropdown.dropdown-company2 {
  height: 150px;
  overflow-y: scroll;
}

.dropdown.dropdown-company3 {
  height: 150px;
  overflow-y: scroll;
}

.dropdown.dropdown-company::-webkit-scrollbar {
  width: 10px;
  height: 80px;
}

.share-social-form2 form::-webkit-scrollbar {
  width: 10px;
  height: 80px;
}

.dropdown.dropdown-company2::-webkit-scrollbar {
  width: 10px;
  height: 80px;
}

.dropdown.dropdown-company3::-webkit-scrollbar {
  width: 10px;
  height: 80px;
}

.dropdown.dropdown-company::-webkit-scrollbar-track {
  background: #f0b7c0;
  margin: 6px 10px 6px 4px;
}

.share-social-form2 form::-webkit-scrollbar-track {
  background: #f0b7c0;
  margin: 6px 10px 6px 4px;
}

.dropdown.dropdown-company2::-webkit-scrollbar-track {
  background: #f0b7c0;
  margin: 6px 10px 6px 4px;
}

.dropdown.dropdown-company3::-webkit-scrollbar-track {
  background: #f0b7c0;
  margin: 6px 10px 6px 4px;
}

.dropdown.dropdown-company::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 1px;
}

.share-social-form2 form::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 1px;
}

.dropdown.dropdown-company2::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 1px;
}

.dropdown.dropdown-company3::-webkit-scrollbar-thumb {
  background-color: #043573;
  border: 1px solid #fff;
  border-radius: 1px;
}

.right-side-btn-supp {
  flex-wrap: wrap;
  gap: 10px 0px;
}

.right-side-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.dropdown-btn.opened:after {
  transform: rotate(-135deg);
  top: 15px;
}

.dropdown.dropdown-company2 {
  width: 209px;
}

.dropdown.dropdown-company3 {
  width: 175px;
}

.dropdown.active {
  display: block;
}

.influ-btns form::-webkit-scrollbar {
  display: none;
}

.faq-head {
  font-size: 24px;
  color: #fff;
  margin-left: 12px;
  /* line-height: 31px; */
  padding: 8px 0 0 0;
}

.product-image-slider {
  width: 80% !important;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 18px;
}

.product-image-slider img {
  width: 107% !important;
  /* max-width: 122px; */
  height: 67px;
  gap: 4px;
  object-fit: fill;
  margin: auto;
  background: var(--bg-grey);
  cursor: pointer;
  border-radius: 5px;
}

#pro-slider .owl-next {
  right: -18px;
  bottom: 18px;
  height: 30px;
  width: 8%;
  padding: 4px 17px 13px 4px;
  background-color: #fff;
  font-size: 27px;
  line-height: 2px;
  position: absolute;
  /* margin: 4px; */
  color: #626cfe !important;
  border: 2px solid #626cfe;
  border-radius: 31px;
}

.respond img {
  margin-left: 6px;
}

#pro-slider .owl-prev {
  left: -16px;
  bottom: 18px;
  /* width: 6%; */
  height: 30px;
  width: 8%;
  background-color: #fff;
  font-size: 27px;
  line-height: 2px;
  position: absolute;
  /* margin: 4px; */
  color: #626cfe !important;
  border: 2px solid #626cfe;
  border-radius: 31px;
}

/*search-dropdown*/

/*search-dropdown*/

/* -------- star rating css ---------- */

#full-stars-example-two h3 {
  font-size: 14px;
  text-align: left;
  padding-left: 8px;
}

#full-stars-example-two .rating-group {
  display: inline-flex;
}

#full-stars-example-two .rating__icon {
  pointer-events: none;
}

#full-stars-example-two .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

#full-stars-example-two .rating__input--none {
  display: none;
}

#full-stars-example-two .rating__label {
  cursor: pointer;
  padding: 0 0.3rem;
  font-size: 2rem;
}

#full-stars-example-two .rating__icon--star {
  filter: brightness(1) invert(0);
  width: 25px;
}

#full-stars-example-two .rating__label::before,
#full-stars-example-two .rating__label::after {
  display: none;
}

#full-stars-example-two
  .rating__input:checked
  ~ .rating__label
  .rating__icon--star {
  filter: contrast(0.1) brightness(1.8);
}

#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
  filter: brightness(1) invert(0);
}

#full-stars-example-two
  .rating__input:hover
  ~ .rating__label
  .rating__icon--star {
  filter: contrast(0.1) brightness(1.8);
}

/* -------- star rating css ---------- */

/*FAQ*/

.faq-wrap {
  width: 100%;
  height: auto;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 15%);
  padding: 20px;
  display: flex;
  gap: 12px;
}

.faq-left {
  width: 70%;
  height: auto;
}

.faq-right {
  width: 70%;
  height: auto;
}

.right-icons {
  display: flex;
  gap: 1px;
  /* margin-left: 16px; */
  margin: auto;
}

.right-icons img {
  width: 24px;
}

/*FAQ*/

/*Category-Management-Page*/

.cat-wrap {
  width: 100%;
  height: auto;
  /* box-shadow: 0px 3px 6px rgb(0 0 0 / 15%); */
  padding: 40px 20px 20px 20px;
}

.cat-inner {
  width: 100%;
  height: auto;
  border: 1px solid rgba(79, 79, 79, 0.25);
  padding: 20px;
  padding-top: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
}

.cat-inner:last-child {
  margin-bottom: 0;
}

.cat-wrap form {
  width: 100%;
  height: auto;
}

.cat-wrap form a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cat-wrap form a {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -10px;
  display: flex;
  padding: 8px;
  border-radius: 50%;
  top: -15px;
  text-align: center;
  border: 1px solid rgba(79, 79, 79, 0.25);
  background: #fff;
  align-items: center;
  justify-content: center;
}

.cat-wrap form p {
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 10px 20px;
  color: #4f4f4f;
  background: #fff;
}

.cat-wrap form h1 {
  font-weight: 600;
  font-size: 16px;
  color: #4f4f4f;
  margin: 25px 0 10px 0;
}

.cat-lbl {
  width: max-content;
  height: auto;
  outline: none;
  border: 1px solid rgba(79, 79, 79, 0.25);
  border-radius: 8px !important;
  font-size: 15px;
  cursor: auto;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  margin-bottom: 0;
}

.cat-input {
  width: 100%;
  height: auto;
  outline: none;
  border: none;
  border-radius: 8px !important;
  padding: 0;
  font-weight: 400;
  color: #4f4f4f;
  font-size: 15px;
  /* font-family: 'Aleo', serif; */
  cursor: auto;
}

.cat-lbl button {
  width: 20px;
  background: none;
  border: none;
  outline: none;
  margin-left: 20px;
}

.cat-lbl button img {
  width: 100%;
  height: 100%;
}

.sub-cat {
  width: 100%;
  height: auto;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sub-cat label {
  width: auto;
  height: auto;
  border: 1px solid #ced4da;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 5px;
  color: #4f4f4f;
  pointer-events: none;
}

.cat-btn {
  width: 12px;
  border: none;
  outline: none;
  margin-left: 20px;
  background: none;
  pointer-events: all;
}

.cat-btn img {
  width: 100%;
}

.add-subcat {
  border: none !important;
  padding: 10px 20px !important;
  background: #000 !important;
  cursor: pointer !important;
  pointer-events: all !important;
}

.add-subcat input {
  background: #000;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  border: none;
  outline: none;
}

.add-subcat i {
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px;
}

/*Category-Management-Page*/

ul.start_ul li {
  list-style: none;
}

ul.start_ul {
  padding-left: 5px;
  display: flex;
}

ul.start_ul li a i {
  font-size: 20px;
  color: #e8963c;
}

ul.start_ul li a {
  padding: 0px 5px;
}

a.text-blue {
  text-decoration: underline !important;
  color: #0000ff !important;
}

p.rate-text {
  color: #303030;
}

ul.rate_ul_sect {
  display: flex;
}

ul.rate_ul_sect li {
  list-style: none;
  padding: 0px 4px;
}

ul.rate_ul_sect li a i.fa.fa-star {
  color: #e8963c;
}

ul.rate_ul_sect li a i.fa.fa-star-o {
  color: #000;
  opacity: 0.6;
}

.rating_icon {
  display: flex;
  justify-content: space-between;
}

p.rate-text {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.rating_box textarea {
  width: 100%;
  resize: none;
  height: 100px;
  padding: 10px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
}

.form-popup input[type="text"] {
  width: 100%;
  border: 1px solid #bdbdbd;
  height: 50px;
  border-radius: 5px;
  padding: 10px;
}

/* VISON MISSION CSSS */

.vision-mission-main {
  display: flex;
  gap: 15px;
}

.mission-main-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 10px 0;
}

.mission-main .mission-main-wrap h1 {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  margin: -2px 0 0px 0px;
}

.mission-main .mission-main-wrap img {
  width: 38px;
  height: 38px;
  object-fit: cover;
}

.mission-main .aboutus-mission {
  border-radius: 6px;
  border: 1px solid var(--formbdr, #c0c0c0);
  background: #fff;
  padding: 23px;
}

.mission-main .aboutus-mission p {
  color: var(--head, #303030);
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
}

.vison-img-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 10px 0 10px 0;
}

.vision-main .vison-img-wrap h1 {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  margin: -2px 0 0 0;
}

.vision-main .vison-img-wrap img {
  width: 38px;
  height: 38px;
  object-fit: cover;
}

.vision-main .aboutus-vision {
  border-radius: 6px;
  border: 1px solid var(--formbdr, #c0c0c0);
  background: #fff;
  padding: 23px;
}

.vision-main .aboutus-vision p {
  color: var(--head, #303030);
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
}

/* testimonial css */

.modal-body .test_outer {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 11px;
  /* margin-bottom: 6px; */
  padding-right: 10px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
  gap: 107px;
}

.modal-body .test_outer .file-upload {
  margin-top: 0;
}

.modal-body .test_outer .file-upload input {
  border: none !important;
  margin: 10px 0px;
}

.modal-body .test_outer .file-upload ::placeholder {
  color: #444;
  font-weight: 500;
}

.test_outer .download-icon {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.test_outer .download-icon p {
  margin-bottom: 0px;
  margin: 10px 0;
}

.test_outer .download-icon img {
  width: 30px;
  height: 30px;
  margin-top: 4px;
}

.modal-body .test_outer-2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 11px;
  /* margin-bottom: 6px; */
  padding-right: 10px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #000000;
  margin-top: 15px;
}

.modal-body .test_outer-2 .file-upload-2 input {
  border: none !important;
  margin: 10px 0;
}

.modal-body .test_outer-2 .file-upload-2 ::placeholder {
  color: #444;
  font-weight: 500;
}

.modal-body .test_outer-3 {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 11px;
  /* margin-bottom: 6px; */
  padding-right: 10px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
  gap: 107px;
  margin-top: 15px;
}

.modal-body .test_outer-3 .file-upload-3 {
  margin-top: 0;
}

.modal-body .test_outer-3 .file-upload-3 input {
  border: none !important;
  margin: 10px 0px;
}

.modal-body .test_outer-3 .file-upload-3 ::placeholder {
  color: #444;
  font-weight: 500;
}

.test_outer-3 .download-icon {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: 15px;
}

.test_outer-3 .download-icon p {
  margin-bottom: 0px;
  margin: 10px 0;
}

.test_outer-3 .download-icon img {
  width: 30px;
  height: 30px;
  margin-top: 4px;
}

/* testimonial css */

/*Category-Management-Page*/

.cat-wrap {
  width: 100%;
  height: auto;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 15%);
  padding: 40px 20px 20px 20px;
}

.cat-inner {
  width: 100%;
  height: auto;
  border: 1px solid rgba(79, 79, 79, 0.25);
  padding: 20px;
  padding-top: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
}

.cat-inner:last-child {
  margin-bottom: 0;
}

.cat-wrap form {
  width: 100%;
  height: auto;
}

.cat-wrap form a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cat-wrap form a {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -10px;
  display: flex;
  padding: 8px;
  border-radius: 50%;
  top: -15px;
  text-align: center;
  border: 1px solid rgba(79, 79, 79, 0.25);
  background: #fff;
  align-items: center;
  justify-content: center;
}

.cat-wrap form p {
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 10px 20px;
  color: #4f4f4f;
  background: #fff;
}

.cat-wrap form h1 {
  font-weight: 600;
  font-size: 16px;
  color: #4f4f4f;
  margin: 25px 0 10px 0;
}

.cat-lbl {
  width: max-content;
  height: auto;
  outline: none;
  border: 1px solid rgba(79, 79, 79, 0.25);
  border-radius: 8px !important;
  font-size: 15px;
  cursor: auto;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  margin-bottom: 0;
}

.cat-input {
  width: 100%;
  height: auto;
  outline: none;
  border: none;
  border-radius: 8px !important;
  padding: 0;
  font-size: 15px;
  font-family: "Aleo", serif;
  cursor: auto;
}

.cat-lbl button {
  width: 20px;
  background: none;
  border: none;
  outline: none;
  margin-left: 20px;
}

.cat-lbl button img {
  width: 100%;
  height: 100%;
}

.sub-cat {
  width: 100%;
  height: auto;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sub-cat label {
  width: auto;
  height: auto;
  border: 1px solid #ced4da;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 5px 10px 5px 10px;
  font-weight: 400;
  font-size: 14px;
  border-radius: 5px;
  color: #000;
  pointer-events: none;
}

.cat-btn {
  width: 12px;
  border: none;
  outline: none;
  margin-left: 20px;
  background: none;
  pointer-events: all;
}

.cat-btn img {
  width: 100%;
}

.add-subcat {
  display: flex;
  border-radius: 5px;
  border: none !important;
  padding: 10px 20px !important;
  background: #ffffff !important;
  cursor: pointer !important;
  pointer-events: all !important;
}

.add-subcat input {
  background: #ffffff;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  border: none;
  outline: none;
}

.add-subcat i {
  font-size: 25px;
  color: #ce2127;
  margin-right: 15px;
}

/*Category-Management-Page*/

.modal-succesbox {
  width: 200px;
  height: 200px;
}

.modal-content-promoter {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: auto;
  height: auto;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  outline: 0;
}

.cross1 {
  margin-bottom: 10px;
}

.modal-content-front-2 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 641px;
  height: 652px;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 6px;
  outline: 0;
}

.businbox1 {
  width: 590px;
  margin-left: 10px;
}

.modal-content-event {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 449px;
  height: 392px;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  outline: 0;
}

/* event-management-request-popup */

.event-popup-pic-section {
  margin-bottom: 10px;
}

.event-popup-pic-flex {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.event-textfield2 {
  display: flex;
  flex-direction: row;
}

.text-flex {
  display: flex;
  flex-direction: row;
}

.text-box2 {
}

.text-1 input {
  margin-left: 13px;
  border: 1px solid #e60023;
  font-size: 12px;
  resize: none;
  height: 60px;
  width: 270px;
}

.text-2 input {
  margin-left: 13px;
  border: 1px solid #e60023;
  font-size: 12px;
  resize: none;
  height: 60px;
  width: 270px;
}

.colab-inner {
  display: flex;
  flex-direction: row;
  gap: 7px;
}

.colab-inner img {
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

.btn-share {
  background-color: rgba(230, 0, 35, 1);
  color: white;
  border: none;
  width: 49px;
  height: 24px;
  border-radius: 5px;
  font-size: 12px;
}

.colab-share {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.influ-btns form label input[type="checkbox"] {
  margin-right: 10px;
  accent-color: #171748;
}

.testimonial-heading h3 {
  font-size: 24px;
  color: #e60023;
  font-weight: 600;
  margin: 3px 0 33px 0;
  text-align: center;
}

.fa-angle-left1:before {
  content: "";
  width: 47px;
  height: 41px;
  display: inline-block;
  background: url(../images/roam-images/LEFT.png) no-repeat;
}

.fa-angle-right2:before {
  content: "";
  width: 106px;
  height: 51px;
  margin-left: 69px;
  display: inline-block;
  background: url(../images/roam-images/RIGHT.png) no-repeat;
}

.modal-content-logout {
  width: auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  outline: 0;
  margin: auto;
}

.logout-wrap p {
  text-align: center;
  margin: 28px 0 20px 0;
  font-weight: 500;
}

.rate-box {
  background: white;
  max-width: 642px;
  padding: 30px;
}

.colab-section {
  display: flex;
  gap: 74px;
}

.colab-img-event {
  display: flex;
}

.quotes-list input[type="checkbox"] {
  accent-color: #1e5b7c !important;
}

.img-busines-box {
}

h3.req_head-promo {
  color: red;
  padding-bottom: 8px;
}

.modal-dialog.modal-dialog2.modal-dialog-edit {
  margin-top: 0px;
}

.modal-dialog.modal-dialog2.modal-dialog-edit {
  margin-top: 0px;
}

.modal-dialog.modal-dialog-edit.rate-box {
  margin-top: 31px;
  border-radius: 11px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1;
  color: black;
  z-index: 1;
}

button.edit-close {
  padding: 0;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 16px;
  opacity: 1;
  color: black;
  z-index: 1;
}

#login-success .modal-dialog-edit {
  margin: 9rem auto;
}

.modal-dialog.modal-dialog-edit.testimonial-edit {
  margin: 160px 0 0 432px;
}

.modal-content-testi-photo {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  outline: 0;
  margin-top: 145px;
}

.close-icon-feedback {
  padding-right: 10px;
}

.modal-body-feedback {
  position: relative;
  flex: 1 1 auto;
  padding: 19px;
  width: 100%;
  height: auto;
}

p.rate-text {
  color: #1e5b7c;
  font-size: 15px;
  font-weight: 500;
  text-align: justify;
}

p.rate-text-additional {
  color: #1e5b7c;
  font-size: 15px;
  font-weight: 500;
  margin-top: 20px;
  text-align: justify;
}

.rating_box textarea {
  width: 100%;
  resize: none;
  height: 100px;
  padding: 10px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
}

/* puzzle mnagement */

.puzzle-img-box h3 {
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #1e5b7c;
}

.puzzle-img {
  display: flex;
  align-items: center;
  justify-items: center;
  margin: 15px 45px 15px 45px;
}

/* feedback css */

.req_head_rating p {
  text-align: center;
  font-size: 28px;
  color: #1e5b7c;
  font-weight: 600;
  margin: 16px 0 16px 0;
}

.req_head_rating {
  text-align: center;
  font-size: 28px;
  color: #1e5b7c;
  font-weight: 600;
  margin: 40px 0 25px 0;
}

.modal-body-feedback {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  width: 100%;
  height: auto;
}

.rate-box {
  background: white;
  max-width: 642px;
  padding: 30px;
}

.modal-body-activatepop {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: auto;
}

.modal-body-edit {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px;
  width: 100%;
  height: auto;
}

s .modal-body-feedback {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 30px;
  width: 100%;
  height: auto;
}

/* about-us css */
.main-box-about-us {
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}

.about-us-subhead h5 {
  color: #1e5b7c;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
}

.about-us-subhead2 h5 {
  color: #1e5b7c;
  font-family: Poppins;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  margin: 15px 0 15px 0;
}

.main-box-about-us h2 {
  color: #1e5b7c;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-left: 15px;
  margin-top: 5px;
  padding-top: 15px;
}

p.class-resolved {
  font-size: 13px;
  color: #1e5b7c;
  text-align: right;
  margin: 0px 0px 0px 0px;
}

/* about-us css */

/* terms and conditon css */

.main-box h2 {
  color: #1e5b7c;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-left: 15px;
  margin-top: 5px;
  padding-top: 15px;
}

.content-box {
  border: 1px solid #c0c0c0;
  border-radius: 8px;
  padding: 15px;
  font-size: 13px;
  margin-left: 15px;
}

.buttons-section {
  padding-bottom: 24px;
  display: flex;
}

.log-form {
  /* width: 100%; */
  /* height: 100%; */
  text-align: center;
  margin-top: 14px;
}

.buttons-section .btn-1 {
  width: 117px;
  height: 33px;
  background: black;
  color: white;
  outline: none;
  font-size: 16px;
  border: none;
  margin-right: 15px;
}

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

.logout-sect img {
  margin-bottom: 20px;
  width: 75px;
}

.logout-sect h4 {
  font-size: 20px;
  opacity: 0.8;
  font-weight: 600;
  padding-bottom: 15px;
}

.btn-2 {
  margin: 9px;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  padding: 9px 30px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
}

.btn-1 {
  border-radius: 10px;
  background: linear-gradient(358.6deg, #000000 5.17%, #1c1c1c 83.07%);
  /* background: linear-gradient(180deg, #324D58 0%, #003246 100%); */
  padding: 9px 30px;
  color: #fff;
  text-transform: uppercase;
  border: none;
}

.logout-popup {
  max-width: 400px;
}

.buttons-box {
  margin: 0 auto 0px auto;
}

.buttons-section .btn-2 {
  width: 117px;
  height: 33px;
  background: #ce2127;
  color: white;
  border-radius: 30px;
  outline: none;
  font-size: 14px;
  border: none;
  padding-top: 5px;
}

.main-box {
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
}

/* quiz popup */

.quiz-popup-row {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.number-circle {
  height: 37px;
  border-radius: 25px;
  background: #092a3d;
  display: flex;
  width: 37px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.number-circle p {
  color: white;
  font-size: 15px;
}

.text-field-quiz-pop1 {
  height: 50px;
}

.text-field-quiz-pop1 input {
  width: 28rem;
  outline: none;
  height: 38px;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #c0c0c0;
  background: #fff;
}

.modal-content-quiz-pop1 {
  width: auto;
  margin-top: 10px;
  padding-left: 12px;
}

.close-icon-quiz {
  margin-right: 10px;
}

/* quiz managemnt popup2 */

.main-box-view2 {
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 13px;
}

.btns-view2 {
  flex-wrap: wrap;

  gap: 10px;

  display: flex;
  align-items: center;
  padding: 10px;
}

.nums {
  background: white;
  color: #092a3d;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  font-weight: 600;
}

.heading-view {
  color: white;
  margin-left: 9px;
}

.btn-box {
  background: #092a3d;
  width: 125px;
  height: 42px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 10px;
}

.view-cross {
  border: none;
  background: white;
  cursor: pointer !important;
  position: absolute;
  right: 7px;
  z-index: 1;
}

.view-cross2 {
  border: none;
  background: white;
  cursor: pointer !important;
  position: absolute;
  right: 7px;
  margin-bottom: 8px;
  z-index: 1;
}

#quiz-question-pop1 .view-cross img {
  outline: none;
  border: none;
  cursor: pointer !important;
}

#second-view-popup .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 24px;
  width: 100%;
  height: auto;
}

/* usermanagement-page new css */

.influ-table table tr td a.view-achievements {
  color: rgba(0, 0, 255, 0.8);
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline !important;
}

.submit-edit-pop {
  background: #1e5b7c;
  color: white;
  width: 100px;
  border-radius: 8px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
}

/* usermanagement-table-view-button css */

.modal .modal-dialog.modal-content-quiz-pop1 .view1-close {
  margin-bottom: 30px;
}

.congrtaulation-wrap img {
  display: flex;
  margin: 0 auto;
}

.congrtaulation-wrap h3 {
  text-align: center;
  margin: 10px 0 10px 0;
  font-weight: 600;
  color: black;
}

.congrtaulation-wrap p {
  text-align: center;
  margin: 0px 0 20px 0;
  color: #242424;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.common-btn-front {
  padding-top: 9px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  background: #ce2127;
  width: 199px;
  height: 40px;
  color: white;
}

.common-btn-black {
  background: black;
  border-radius: 30px;
  color: white;
  width: 140px;
  height: 42px;
  padding-top: 9px;
}

/* usermanagement-table-view-button css */

.modal-dialog.modal-dialog-edit {
  background: white;
  border-radius: 10px;
  height: auto;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.terms-popup {
  max-width: 640px;
}

.term-p {
  color: #0a374a;
  font-size: 20px;
}

.terms-box {
  border: 1px solid #c9c9c9;
  padding: 20px;
  text-align: left;
}

.terms-box p {
  line-height: 28px;
  opacity: 0.8;
}

/* login success popup css */

.modal-content-front-success {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 380px;
  height: 363px;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 6px;
  outline: 0;
  margin: auto;
}

/* login success popup css */

.csv-load {
  color: #000;
}

.csv-load:hover {
  color: #000;
}

a.common-btn-front.show-modal.sub-but {
  padding-top: 12px;
}

/* id-verification css*/

.address-proof {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.address-proof img {
  width: 60px;
  height: 40px;
}

/* toggle button css */

.status-box {
  display: flex;
  text-align: center;
  flex-direction: row;
}

.switch {
  --secondary-container: #ce2127;
  --primary: #ffffff;
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 6.5em;
  height: 1.8em;
  margin-left: 2px;
  margin-top: 2px;
}

.switch input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  height: 25px;
  width: 50px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #565656;
  transition: 0.2s;
  border-radius: 30px;
}

.slider::before {
  position: absolute;
  content: "";

  border-radius: 20px;
  left: 0.3em;
  bottom: 0.3em;
  background-color: #aeaaae;
  transition: 0.4s;
}

input:checked + .slider::before {
  background-color: var(--primary);
}

input:checked + .slider {
  background-color: #ffffff;
  /* border: 2px solid #043573; */
}

input:checked + .slider {
  background: #043573;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--secondary-container);
}

/* input:checked+.slider:before {
  transform: translateX(1.2em);
} */

p.verified-text {
  color: green;
}

.status-box p {
  margin-top: 3px;
}

.address-proof-img img {
  width: 550px;
  height: 323px;
}

.selfie-with-id-img img {
  width: 300px;
  height: 370px;
}

/* id-verification css*/

/* job-request-management */
div#Job-Status-popup {
  height: 100%;
}

.section-status {
  display: flex;
  flex-direction: row;
  margin: 20px 0;
}

.content-job-status p {
  text-align: left !important;
  font-size: 13px;
  margin: 0 0 3px 0;
}

.image-icon-status img {
  margin-right: 10px;
}

.image-icon-status {
  height: 20px;
  width: 52px;
}

/* job-request-management */
/* category-management */

.inputfield-section .input-section-inner .input-main1 {
  width: 491px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #c0c0c0;
  background: #fff;
}

.share-category-form label input[type="file"] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  border-radius: 6px 6px 6px 6px;
  padding-left: 60px;
  margin-bottom: 6px;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #c0c0c0;
  color: #444444;
}

.right-upload {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}

.modal-heading h4 {
  display: flex;
  margin-left: 51px;
  font-size: 19px;
  color: white;
  align-items: stretch;
  padding-top: 11px;
  font-weight: 400;
}

.category-image {
  width: 32px;
  height: 32px;
}

.edit-content {
  margin: 65px 27px 0px 27px;
}

.action-popup-btn {
  padding-top: 9px;
  border: 1px solid #ced4da;
  background: #ce2127;
  /* width: 199px; */
  /* height: 40px; */
  color: white;
  width: 140px;
  height: 42px;
  border-radius: 30px;
}

/* category-management */

/* terms and condition */

.p-head {
  font-weight: 600;
  color: #000;
}

.inner-heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
  font-size: 24px;
  color: #fff;
  padding-top: 5px;
}

.inner-heading h2 {
  color: #000;
  font-family: Nunito Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}

.inner-heading img {
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}

.inner-para p {
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 30px;
  opacity: 0.8;
}

.add-category-flex button {
  width: 96px;
  height: 40px;
  border-radius: 28px;
  background: #fff;
  color: #303030;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  outline: none;
  border: none;
}

.modal-heading-tc-popup {
  width: 100%;
  clear: both;
  height: 62px;
  padding: 17px 0px;
  display: flex;
  background: #ffffff;
  justify-content: flex-end;
  margin: 0 0 -40px 0;
  border-radius: 6px 6px 0 0;
  flex-direction: row-reverse;
  display: flex;
  align-content: stretch;
  align-items: center;
}

.modal-heading-tc-popup h4 {
  color: #ce2127;
  font-family: Nunito Sans;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.tc-main {
  margin-left: 10px;
}

/* terms and condition */

/* 
about-us-page */

.about-page-heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px;
}

.about-page-heading h5 {
  color: #000;

  font-family: Nunito Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  margin-left: 34px;
}

.add-about-section {
  display: flex;
  border-radius: 5px;
  border: none !important;
  padding: 10px 20px !important;
  background: #ce2127 !important;
  cursor: pointer !important;
  pointer-events: all !important;
}

.add-about-section input {
  background: #ce2127;
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  border: none;
  outline: none;
}

.add-about-section i {
  font-size: 25px;
  color: #ffffff;
  margin-right: 15px;
}

.about-page-section1-box {
  border-radius: 8px;
  border: 1px solid var(--Gray-5, #e0e0e0);
  background: var(--white, #fff);
  margin-bottom: 20px;
}

.section1-img-section {
  display: flex;
  justify-content: space-between;
  padding: 13px 0px 0px 18px;
}

.section1-img-section #delete-icon-about-page {
  width: 30px;
  height: 30px;
}

.about-page-section1-box p {
  margin: 13px 25px 13px 18px;
  color: var(--Gray-2, #4f4f4f);
  text-align: justify;
  font-family: Nunito Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;

  /* 175% */
}

#heading-section2 {
  margin: 13px 21px 0px 18px;
  color: #030000;
  font-family: Nunito Sans;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.input-section-about-section {
  display: flex;
  flex-direction: row;
  gap: 4px;
  position: relative;
}

.inputfield-section .input-section-about-section .input-main2 {
  width: 270px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid rgba(79, 79, 79, 0.25);
  background: #fff;
}

.verifcation-form-wrap label img {
  position: absolute;
  right: 4px;
  top: 9px;
}

.input-section-about-section input::placeholder {
  padding-left: 6px;
}

.added-image img {
  margin: 14px 0px 14px 70px;
}

#input-des {
  border-radius: 4px;
  border: 1px solid rgba(79, 79, 79, 0.25);
  width: 551px;
  height: 111px;
  background: #ffffff;
}

.modal-heading h3 {
  color: white;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 33px;
}

.modal-body-jobstatus {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px 52px 14px 52px;
  width: 100%;
  height: auto;
  margin-top: 45px;
}

/* 
about-us-page */

.left_upload {
  text-align: center;
}

.leftupload_img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-radius: 100%;
  position: relative;
}

.leftupload_img img {
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #043573;
  width: 100%;
  height: 100%;
}

.leftupload_img label,
.leftupload_img a {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -15px;
  top: 60px;
  cursor: pointer;
}

.leftupload_img label img,
.leftupload_img a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: none;
}

.leftlogo {
  font-size: 30px;
  color: #043573;
  font-weight: 600;
  padding-bottom: 10px;
  text-align: center;
}

.det_icon,
.edit_icon {
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 10px;
  margin: 0 auto;
  width: 123px;
  display: inline-block;
}

.det_icon img,
.edit_icon img {
  padding-left: 7px;
}

.upload_btn {
  margin-top: 20px;
}

.input_out {
  display: flex;
  /* justify-content: space-between; */
  align-items: flex-start;
}

.left_sect2 {
  box-shadow: 0px 0px 4px 0px #00000040;
  padding: 25px;
  border-radius: 10px;
  height: auto;
}

.input_field {
  width: 80%;
}

.input_field input[type="text"] {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 0px 6.634349346160889px 0px #00000040;
  padding: 15px;
}

.input_field textarea {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 0px 6.634349346160889px 0px #00000040;
  padding: 15px;
  color: #000;
}

.input_field textarea::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.input_sect label,
.input_sect h3 {
  color: #043573;
  font-size: 21px;
  font-weight: bold;
  padding-bottom: 10px;
}

.login-lbl_2 {
  cursor: pointer !important;
}

.login-lbl_2 label {
  padding: 0 !important;
}

.login-lbl_2 label p {
  font-size: 15px !important;
}

.inp_fie_icon {
  padding-left: 20px;
}

.input_sect {
  margin-top: 30px;
}

.loop_video {
  width: 80%;
}

.loop_video iframe {
  width: 100%;
  border-radius: 10px;
  height: 200px;
  border: 2px dashed #aaa;
  box-shadow: 0px 0px 6.634349346160889px 0px #00000040;
  padding: 14px;
}

.out_video {
  display: flex;
}

.lang_table {
  width: 70%;
  box-shadow: 0px 0px 4px 0px #00000040;
  padding: 10px;
  border-radius: 10px;
  padding-bottom: 0;
}

.lang_table table tr th {
  font-size: 18px;
  font-weight: 400;
  padding: 10px 50px;
  color: #ffffff;
  width: auto;
  border-right: 2px solid #043573;
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
}

.lang_table table tr td {
  border-right: 2px solid #043573;
}

.lang_table table tr:nth-child(odd) td {
  background: #d9e5f3;
}

.lang_table table tr:last-child {
  border: none;
}

.flag {
  display: flex;
  align-items: center;
  /* margin: 0 auto; */
  justify-content: center;
}

.lang_table p {
  font-size: 16px;
}

.flag img {
  padding-right: 10px;
}

:root {
  --switches-bg-color: goldenrod;
  --switches-label-color: white;
  --switch-bg-color: white;
  --switch-text-color: goldenrod;
}

.switches-container {
  width: 13rem;
  position: relative;
  display: flex;
  padding: 0;
  position: relative;
  background: #043573;
  line-height: 40px;
  border-radius: 3rem;
  margin-left: auto;
  margin-right: auto;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
  visibility: hidden;
  position: absolute;
  top: 0;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
  width: 50%;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  color: var(--switches-label-color);
}

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 46%;
  padding: 0.15rem;
  z-index: 3;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
  border-radius: 3rem;
  background: var(--switch-bg-color);
  height: 32px;
}

/* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
.switch div {
  width: 100%;
  text-align: center;
  opacity: 0;
  display: block;
  color: #043573;
  transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.125s;
  will-change: opacity;
  position: absolute;
  top: -3px;
  left: 0;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
  transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
  transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container
  input:nth-of-type(1):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(1) {
  opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container
  input:nth-of-type(2):checked
  ~ .switch-wrapper
  .switch
  div:nth-of-type(2) {
  opacity: 1;
}

.respond {
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  color: #fff !important;
  padding: 5px 11px;
  border-radius: 5px;
}

.switch2 {
  background: transparent;
}

.slider.round {
  margin: 0 auto;
}

.influ-btn i.far.fa-chevron-down.active {
  transform: rotate(180deg);
}

.add_box {
  max-width: 900px;
}

.formbox label {
  width: 40%;
  text-align: right;
  color: #000;
  float: left;
  font-weight: 600;
  padding-right: 10px;
  padding-top: 9px;
}

.formbox input[type="text"] {
  width: 58%;
  box-shadow: 0px 0px 2px 1px #c1c1c1;
  height: 45px;
  margin-bottom: 0;
  border-radius: 6px !important;
  border: none;
  background: #fff;
  font-size: 15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.formbox select {
  width: 58%;
  box-shadow: 0px 0px 2px 1px #c1c1c1;
  height: 45px;
  margin-bottom: 0;
  border-radius: 6px !important;
  border: none;
  background: #fff;
  font-size: 15px;
  padding: 10px;
  position: relative;
  color: #666666;
}

.formbox textarea {
  width: 58%;
  box-shadow: 0px 0px 2px 1px #c1c1c1;
  height: 105px;
  margin-bottom: 0;
  border-radius: 6px !important;
  border: none;
  background: #fff;
  font-size: 15px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.blue_color {
  color: #043573 !important;
}

.fomr_outer {
  margin-left: 20px;
  float: left;
  width: 45%;
}

.fomr_outer_1 {
  margin-left: 30px;
  float: left;
  width: 45%;
}

.formbox {
  margin-top: 15px;
}

.login-lbl {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  width: 80%;
  box-shadow: 0px 0px 2px 1px #c1c1c1;
  height: 45px;

  margin-bottom: 0;
  border-radius: 10px !important;
  border: none;
  background: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.formbox .login-lbl {
  width: 58%;
}

.faq-body form label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.login-lbl label {
  padding: 10px 10px 10px 10px;
  background: #fff;
  display: table;
  color: #787878;
  width: 100%;
  font-weight: normal;
  text-align: left;
}

.login-lbl input[type="file"] {
  display: none;
}

input[type="file"] {
  position: fixed;
  right: 100%;
  bottom: 100%;
}

img.upl_img {
  float: right;
}

.login-lbl label p {
  display: inline;
}

/*.modal-open {
  overflow-x: hidden;
  overflow-y: scroll !important;
  padding-right: 0 !important;
  height: 100%;
  width: 100%;
  position: fixed;
}*/

#import-csv .formbox .login-lbl {
  width: 85%;
  margin: auto;
}

#import-csv .form_outer div a {
  display: block;
  text-align: center;
}

/* EMAIL-ALLOCATION-MANAGEMENT */

.email-allocation-wrap {
  width: 100%;
  height: auto;
}

.email-allocation-wrap form {
  width: 60%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: auto;
  background: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
}

.email-allocation-item {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.email-allocation-item label {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.email-allocation-item select {
  width: fit-content;
  padding: 8px 15px;
  padding-right: 35px;
  border-radius: 5px;
  background-color: #043573;
  color: #fff;
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url(../images/dropdown.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center right 10px;
}

.email-allocation-wrap form h1 {
  color: #043573;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.email-allocation-item input[type="text"],
.email-allocation-item input[type="password"] {
  width: 50%;
  height: 35px;
  padding: 0px 5px 0px 10px;
  border: 1px solid #aaa;
  font-size: 14px;
  border-radius: 5px;
  outline: none;
}

.email-allocation-item.smtp-select select {
  width: 50%;
  height: 35px;
  padding: 0px 5px 0px 10px;
  border: 1px solid #aaa;
  font-size: 14px;
  border-radius: 5px;
  outline: none;
}

.email-allocation-item input[type="submit"] {
  background: linear-gradient(358.6deg, #02142b 5.17%, #043573 83.07%);
  color: #fff;
  padding: 8px 35px;
  border-radius: 8px;
  margin: 0 auto;
  display: inline-block;
  border: none;
  font-size: 14px;
  font-weight: 500;
  outline: none;
}

.email-allocation-item-radio {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.email-allocation-item-radio-in {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.email-allocation-item-radio-in label {
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #aaa;
}

.email-allocation-item-radio-in input[type="radio"]:checked + label {
  background-image: url(../images/check-smtp.svg);
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
}

.email-allocation-item-radio-in p {
  margin: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

#sidebar .brand img {
  width: 150px;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 5px;
  object-fit: contain;
}

/* EMAIL-ALLOCATION-MANAGEMENT */