@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');





* {

  padding: 0px;

  margin: 0px;

  box-sizing: border-box;

}



body {

  padding: 0px;

  margin: 0px;

  font-family: 'Poppins', sans-serif !important;

}




a {

  text-decoration: none !important;

  outline: none !important;

}



img {

  border: none;

}



body::-webkit-scrollbar {

  width: 10px;

  height: 150px;

}



body::-webkit-scrollbar-track {

  background: #fff;

}





body::-webkit-scrollbar-thumb {

  background-color: #006450;

  border: 1px solid #fff;

  border-radius: 5px;

}

/**

   loader image

*/

#loader {

  border: 12px solid #f3f3f3;

  border-radius: 50%;

  border-top: 12px solid #444444;

  width: 70px;

  height: 70px;

  animation: spin 1s linear infinite;

}



.center {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}



@keyframes spin {

  100% {

    transform: rotate(360deg);

  }

}

/*end loader css */







.clr {

  clear: both;

}





/*login-section*/

.login-wrap {

  width: 100%;

  height: 100vh;

  background: #fff;

  display: flex;

  align-items: center;

}



.login-in {

  width: 70%;

  height: 100%;

  margin: 0 auto;

  border-radius: 15px;

  display: flex;

}



.login-logo {

  flex: 50%;

  border-radius: 15px 0px 0px 15px;

  padding: 100px 0px;

  background: #0A002F;

  display: flex;

}



/* ------- New login css ----- */



.roam-login-logo {

  width: 100%;

  border-radius: 10px;

  display: flex;

  /* padding: 125px 0px; */

  background: #fff;

  box-shadow: 0px 0px 3px 1px #cbcbcb;

}



.roam-login-form {

  /* flex: 50%; */

  width: 100%;

  background: #FFFFFF;

  height: 100%;

  /* display: flex; */

  align-items: center;

  flex-direction: column;

  justify-content: center;

  padding: 70px 20px;

  border-radius: 0px 15px 15px 0px;

}



.roam-login-form {

  width: 100%;

  height: auto;

  margin-left: 1px;

  display: flex;

  align-items: center;

  background: #fff;

  border-radius: 0px 0px 0px 0px;

  padding: 30px;

  /* box-shadow: 0px 0px 10px -5px #000; */

  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

}



.roam-login-form h1 {

  font-size: 28px;

  font-weight: 500;

  margin: 0px 0px 20px 0px;

  text-align: center;

  color: #2D072D;

  font-weight: 600;

  text-align: left;

}



.roam-login-form form {

  width: 100%;

  height: auto;

  padding: 15px

}



.roam-login-form label {

  border: none;

  outline: none;

  width: 100%;

  height: 45px;

  justify-content: flex-start;

  margin: 0;

  background: #fff;

  border-radius: 0px 30px 30px 0px;

  position: relative;

  display: flex;

  color: #4C1F4C;

  /* font-family: 'Poppins'; */

  margin-bottom: 15px;

  align-items: center;

}



.roam-login-form label input[type=checkbox] {

  accent-color: #006450;

}



.roam-login-form label input[type="text"] {

  width: 100%;

  height: 100%;

  border: none;

  outline: none;

  border-radius: 6px 6px 6px 6px;

  padding-left: 50px;

  /* margin-bottom: 6px; */

  padding-right: 40px;

  font-size: 14px;

  border: 1px solid #B6B6B6;

  color: #444;

}



.roam-login-form label input[type="password"] {

  width: 100%;

  height: 100%;

  border: none;

  outline: none;

  border-radius: 6px 6px 6px 6px;

  padding-left: 50px;

  /* margin-bottom: 6px; */

  padding-right: 40px;

  font-size: 14px;

  border: 1px solid #B6B6B6;

  color: #444;

}



.roam-login-form label i {

  position: absolute;

  padding: 0px;

  right: 12px;

  color: #c6c4c1;

}



.roam-login-form label img {

  font-size: 20px;

  font-weight: 600;

  color: #fff;

  width: 30px;

  /* height: fit-content; */

  /* background: #E50916; */

  position: absolute;

  padding: 0px;

  border-radius: 6px 6px 6px 6px;

  left: 10px;

  top: auto;

}



.roam-logo {

  width: 100%;

  height: auto;

  margin: auto;

  text-align: center;

}



.roam-logo img {

  width: 350px;

  /* height: 107px; */

  margin-bottom: 15px;

}



.roam-login-btn {

  width: 100%;

  height: 46.428px;

  border-radius: 50px;

  /* background: #626CFE; */

  background: var(--maincolor, linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%));

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}





/* ------- New login css ----- */



/* --------- New css For Front Popup ----- */





.modal-content-front {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: #fff;

  background-clip: padding-box;

  border: none;

  border-radius: 6px;

  outline: 0;

}



.modal-heading-front {

  width: 100%;

  clear: both;

  height: 62px;

  padding: 17px 0px;

  display: flex;

  background: #004366;

  justify-content: center;

  align-items: center;

  border-radius: 6px 6px 0 0;

  flex-direction: row-reverse;

}



.modal-heading-front h1 {

  font-size: 24px;

  color: #fff;

  font-weight: 400;

  text-align: center;

  margin: 0;

  margin-left: auto;

  margin-right: auto;

}



.close-btn-front:hover {



  color: #000;

  opacity: 1 !important;

}



i.fal.fa-bars {

  font-weight: 300;

  font-size: 28px;

  border-radius: 10px;

}



.close-btn-front span {

  font-size: 45px;

  font-weight: normal;

  color: #000 !important;

  opacity: unset !important;

}



.close {

  opacity: unset !important;

}



.close-btn-front {

  position: absolute;

  top: auto;

  right: 20px;

  /* border: 2px solid #054839 !important; */

  border-radius: 50%;

  width: 30px;

  height: 30px;

  box-shadow: none;

  color: #6e6e6e;

  margin-left: auto;

  text-shadow: none;

  font-size: 43px;

  font-weight: 300;

  opacity: 1;

  line-height: 27px;

  z-index: 9;

}



.common-btn-front {

  width: 40%;

  /* height: 48px; */

  height: 46.428px;

  border-radius: 40px;

  /* background: #004366; */

  color: #fff !important;

  background: var(--maincolor, linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%));

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.common-btn-front2 {

  width: 40%;

  /* height: 48px; */

  height: 46.428px;

  border-radius: 40px;

  background: #000000;

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.centered-btn-wrap {

  display: flex;

  justify-content: center;

  gap: 7px;

}



.csm-verification-txt {

  width: 40px;

  height: 40px;

  background: #fff;

  border: none;

  margin: 15px 3px 15px 2px;

  font-size: 18px;

  color: #000000;

  text-align: center;

  font-weight: 700;

  padding: 0;

  border: 1.53407px solid #CED4DA;

  border-radius: 5px !important;

  -moz-appearance: textfield;

}



.ver-code input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  display: none;

}



.verifcation-form-wrap {

  width: 100%;

  height: 100%;

  text-align: center;

}



.top-para p {

  color: #828282;

  font-size: 16px;

  margin-bottom: 0px;

}



.bottom-para p {

  color: #828282;

  font-size: 16px;

  margin-bottom: 15px;

  margin-top: 15px;

}



.bottom-para a {

  color: #51C3FF;

}



.bottom-para span {

  color: #51C3FF;

}



.congrtaulation-wrap {

  margin: -11px 0 14px 0;

}



.gradient {

  text-transform: capitalize;

  font-weight: 600 !important;

  background: linear-gradient(to right, #1c4a40 0%, #054839 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 20vw;

}





.scrollbar {

  height: 300px;

  margin-right: 25px;

  /* float: left;

	

	width: 65px; */

  /* background: #F5F5F5; */

  overflow-y: scroll;

  margin-bottom: 25px;

}



/* 

.force-overflow

{

	min-height: 450px;

} */







#style-1::-webkit-scrollbar-track {

  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */



  background-color: #93BBB3;

}



#style-1::-webkit-scrollbar {

  width: 5px;

  background-color: #93BBB3;

}



#style-1::-webkit-scrollbar-thumb {

  background-color: #09654f;

}







h1.text-black2 {

  color: #000;

  font-size: 30px;

  font-weight: 600;

}











.tach-box input[type="text"],

input[type="email"] {

  height: 50px;

  width: 80%;

  border: 1px solid #C0C0C0;

  border-radius: 10px;

  padding: 0px 0px 0px 20px;

}



.congrtaulation-wrap h3 {

  font-size: 24px;

  color: #000;

  font-weight: 600;

  margin: 8px 0 8px 0;

}



.congrtaulation-wrap p {

  font-size: 16px;

  color: #333;

  font-weight: 500;

  text-align: center;

}



.congrtaulation-wrap img {

  width: 71px;

  height: 67px;

  object-fit: contain;

}



.forgot-paaas {

  text-align: center;

  margin: 17px 0 -3px 0;

}



.forgot-paaas a {

  color: #fff;

}



/* --------- New css For Front Popup ----- */





.logo {

  width: 100%;

  height: auto;

  margin: auto;

  text-align: center;

}



.logo img {

  width: 273px;

  height: 107px;

  margin-bottom: 15px;

}



.logo h1 {

  font-size: 40px;

  font-weight: 600;

  color: #B07D3C;

  margin: 0;

}



.login-form {

  flex: 50%;

  background: #FFFFFF;

  height: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  padding: 70px 20px;

  border-radius: 0px 15px 15px 0px;

}



.login-form form {

  width: 100%;

  height: auto;

  background: #fff;

  border-radius: 10px;

  padding: 30px;

  /* box-shadow: 0px 0px 10px -5px #000; */

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.login-form form h1 {

  font-size: 28px;

  font-weight: 500;

  margin: 0px 0px 20px 0px;

  text-align: center;

  color: #626CFE;

  font-weight: 500;

}



.login-txt {

  width: 100%;

  height: 40px;

  background: #EFEFEF;

  border: none;

  margin-bottom: 20px;

  font-size: 14px;

  font-weight: 500;

  color: #737373;

  padding: 0px 15px;

  border-radius: 50px !important;

  position: relative;

}



.password-eye {

  position: absolute;

  width: 20px;

  height: 20px;

  display: flex;

  top: 10px;

  right: 10px;

  border: none;

  align-items: center;

  background: none;

  justify-content: center;

  transition: .5s;

}



.password-eye i {

  color: inherit !important;

  cursor: pointer;

}



/*.password-eye:before {

  position: absolute;

  content: "06e";

  font-family: "Font Awesome 5 Pro";

  font-size: 14px;

  color: #737373;

  visibility: visible;

  transition: .5s;

}



.password-eye:after {

  position: absolute;

  content: "070";

  font-family: "Font Awesome 5 Pro";

  font-size: 14px;

  color: #737373;

  visibility: hidden;

  transition: .5s;

}



.password-eye:focus:before {

  visibility: hidden;

  transition: .5s;

}



.password-eye:focus:after {

  visibility: visible;

  transition: .5s;

}*/

.login-btn {

  width: 100%;

  height: 40px;

  border-radius: 50px;

  background: #626CFE;

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 700;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.login-labl {

  cursor: pointer;

  display: flex;

  font-weight: 500;

  align-items: stretch;

  justify-content: end;

  margin: 10px 0px 30px 15px;

  font-size: 13px;

}







.login-rmb {

  margin-right: 8px;

}



/*login-section*/



/*login-succ-section*/



.login-succ {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 15px;

  display: flex;

  align-items: center;

  flex-direction: column;

  padding: 40px 30px;

  text-align: center;

}



.login-succ i {

  font-size: 40px;

  background: #0D144A;

  display: block;

  padding: 20px;

  border-radius: 50px;

  color: #fff;

  margin-bottom: 25px;

}



.login-succ h1 {

  font-size: 20px;

  margin: 0;

  color: #000;

  font-weight: 400;

}



.login-succ p {

  font-size: 30px;

  margin: 20px 0;

  color: #0D144A;

  font-weight: 700;

}



.login-succ p span {

  color: #B5FCE6;

}



.login-succ a {

  padding: 8px 30px;

  background: #0D144A;

  display: block;

  border-radius: 8px;

  font-size: 15px;

  color: #fff;

}



/*login-succ-section*/

.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: var(--gradientbg-2, linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%));

  padding: 10px;

  border-radius: 2px;

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.influ-search {

  flex-basis: 45%;

}







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



.search-box {

  background-color: #fff;

  margin: 0;

  border-radius: 30px;

  /* width: 80%; */

}



.search-box .row {

  align-items: center;

  padding: 10px 20px;

}



.search-box .row input {

  flex: 1;

  height: 18px;

  background: #fff;

  border: 0;

  padding: 0 0 0 11px;

  outline: 0;

  font-weight: 500;

  font-size: 13px;

  color: #333;

}



.search-box .row button {

  border: 0;

  background: 0;

  margin: 0 6px 0 0;

}



.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: #626CFE;

}



.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: rgba(217, 217, 217, 0.5);

  margin: 6px 10px 6px 4px

}



.result-box .quotes-list::-webkit-scrollbar-thumb {

  background-color: #626CFE;

  border: 1px solid #fff;

  border-radius: 1px;

}





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











.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: 14px;

  color: #fff;

  font-weight: 600;

  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;

}



.influ-btn {

  background: transparent;

  /* background: var(--gradientbg-1, linear-gradient(90deg, #4B1F4B 0%, #863087 52.60%, #4B1F4B 100%)); */

  display: block;

  color: #fff !important;

  padding: 9px 17px 9px 5px;

  border-radius: 30px;

  font-size: 14px;

  outline: none;

  height: 44px;

  border: 1px solid #fff !important;

  margin-left: 8px;

  gap: 5px;

  display: flex;

  cursor: pointer;

  align-items: center;

}





.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.60%, #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;

  color: #fff !important;

  font-weight: 500;

  max-width: 130px;

  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.60%, #4B1F4B 100%));

  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.60%, #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.60%, #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.50));

  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: .4s;

  transition: .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: .4s;

  transition: .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, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 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.50));

  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.60%, #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: #006450;

  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: #444444;

}



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

}





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

}



.share-category-form label input[type="text"] {

  width: 100%;

  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;

}





.share-category-form h3 {

  font-size: 24px;

  color: #08604a;

  font-weight: 600;

  margin: -26px 0 0px 0;

}



.share-category-form h4 {

  font-size: 16px;

  color: #08604a;

  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.60%, #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.60%, #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.60%, #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: #444444;

}





.share-social-form2 label input::placeholder {

  color: #444444;

}





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

}





#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 {

  max-width: 622px;

  margin: 0rem auto;

  display: flex;

  height: 100%;

  align-items: center;

}



#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;

  margin: 0rem auto;

  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.50));

}



.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 {

  width: 150px;

  height: auto;

  margin-left: 7px;

  border-radius: 30px;

  /* background: var(--gradientbg-1, linear-gradient(90deg, #4B1F4B 0%, #863087 52.60%, #4B1F4B 100%)); */

  border: 1px solid #fff;

}





.broker-date input[type="text"] {

  width: 100%;

  height: auto;

  padding: 12px 13px 10px 43px;

  /* border: 1px solid #626CFE; */

  border-radius: 30px;

  cursor: pointer;

  border: none;

  /* line-height: 4px; */

  font-size: 14px;

  color: #fff;

  appearance: none;

  background: url(../images/roam-images/formkit_date.png);

  background-size: 18px;

  background-position: left 16px center;

  background-repeat: no-repeat;

}





.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 img {

  width: 20px;

  height: auto;

  margin-left: 10px;

}



.influ-btn i {

  font-size: 20px;

  color: #171748;

  margin-right: 0;

  margin-left: 10px;

}



.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.50));

}



/*.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-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: #CFE2DF;

  /* color of the tracking area */

}



.table-responsive::-webkit-scrollbar-thumb {

  background-color: #006450;

  border: 1px solid #D9D9D980;

  /* color of the scroll thumb */

  border-radius: 10px;

  /* roundness of the scroll thumb */

}



.influ-table table tr:nth-child(1) {

  background: linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%);

}



.influ-table table tr:last-child {

  border-bottom: 1px solid #CFE2DF;

}



.influ-table table tr th {

  font-size: 14px;

  font-weight: 500;

  padding: 10px 50px;

  color: #fff;

  border-right: 1px solid #006450;

}



.influ-table table tr th:last-child {

  border-right: none;

}



.influ-table table tr td {

  border-right: 1px solid #006450;

  font-size: 13px;

  font-weight: 400;

  color: #000;

  padding: 10px;

  /* font-family: 'Aleo', serif; */

  vertical-align: middle;

}



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

}*/

.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.60%, #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:nth-child(odd) td {

  background: #CFE2DF;

}



.influ-table table tr td a {

  display: inline-block;

  margin: 0 8px;

  color: #003FE0;

  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: 14px;

  color: #044536 !important;

  text-align: right;

  float: right;

  margin: 0px 15px 0px 0px;

  font-weight: 500;

  right: 0;

  bottom: 66px;

  /* top: 0px; */

  position: absolute;

}



.influ-pagi {

  padding-top: 20px;

  font-size: 14px;

  color: #044536 !important;

  text-align: right;

  font-weight: 500;

  display: flex;

  width: 100%;

  justify-content: center;

}



.page-item.active .page-link {

  z-index: 2;

  font-size: 17px;

  border: none !important;

  color: #000 !important;

  font-weight: 600;

  transition: .5s;

  color: #fff;

  background-color: transparent !important;

  border-color: transparent !important;

}



.influ-pagi ul {

  padding: 10px;

  margin: 0;

  display: flex;

  box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);

  align-items: center;

}



.influ-pagi ul li {

  list-style: none;

  display: inline-block;



}



.page-item.disabled .page-link {

  color: #044234;

  pointer-events: none;

  background-color: #fff;

  border-color: transparent;

}







.influ-pagi ul li a {

  font-size: 17px;

  border: none;

  color: #054536;

  font-weight: 600;

  transition: .5s;

}



.influ-pagi ul li a i {

  color: #054536;

}



/* .influ-pagi ul li:first-child a:hover {

  font-size: 15px;

  color: #B07D3C;

  font-weight: 500;

} */



/* .influ-pagi ul li:last-child a:hover {

  font-size: 15px;

  color: #171748;

  font-weight: 500;

} */



.influ-pagi ul li.active a {

  font-size: 17px;

  color: #000;

  font-weight: 700;

  transition: .5s;

}



.influ-pagi ul li a:hover {

  font-size: 17px;

  font-weight: 700;

  color: #054536;

  transition: .5s;

}



.influ-pagi form {

  position: absolute;

  right: 0;

  color: #054536;

  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: #C5D5D1;

}



.dropdown .search_quote::placeholder {

  color: var(--inputclr, #444);

  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;

  margin-left: 10px;

}



.view_btn {

  background: #043f32;

  padding: 5px 10px;

  border-radius: 2px;

  color: #fff !important;

}



.dropdown-btn {

  height: 100%;

  /* padding: 10px; */

  padding: 9px 8px;

  position: relative;

  font-size: 14px;

  border-radius: 30px;

  color: #fff;

  border: 1px solid;

  height: 44px;

  cursor: pointer;

  /* background: var(--gradientbg-1, linear-gradient(90deg, #4B1F4B 0%, #863087 52.60%, #4B1F4B 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: #fff;

  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: 10px;

  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: #CFE2DF;

  margin: 6px 10px 6px 4px;

}



.share-social-form2 form::-webkit-scrollbar-track {

  background: #CFE2DF;

  margin: 6px 10px 6px 4px

}



.dropdown.dropdown-company2::-webkit-scrollbar-track {

  background: #CFE2DF;

  margin: 6px 10px 6px 4px

}



.dropdown.dropdown-company3::-webkit-scrollbar-track {

  background: #CFE2DF;

  margin: 6px 10px 6px 4px

}





.dropdown.dropdown-company::-webkit-scrollbar-thumb {

  background-color: #006450;

  border: 1px solid #fff;

  border-radius: 1px;

}



.share-social-form2 form::-webkit-scrollbar-thumb {

  background-color: #006450;

  border: 1px solid #fff;

  border-radius: 1px;



}



.dropdown.dropdown-company2::-webkit-scrollbar-thumb {

  background-color: #006450;

  border: 1px solid #fff;

  border-radius: 1px;

}



.dropdown.dropdown-company3::-webkit-scrollbar-thumb {

  background-color: #006450;

  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-company {

  /* width: 138px; */

}



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

}



#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 {}



#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*/



.mang_left {

  display: unset !important;

}



.manag_main {

  display: flex;

  justify-content: space-between;

}



.mang_right {

  display: flex;

}



/* .page-item.disabled .page-link {



  position: absolute !important;

  bottom: 51px !important;

  left: 41% !important;

} */



.page-item:last-child .page-link {

  font-size: 31px;

  font-weight: normal;

  background: transparent;

  padding-top: 5px;

}



.page-item.disabled .page-link {

  color: #868e96;

  pointer-events: none;

  background-color: transparent !important;



}



.page-item:first-child .page-link {

  margin-left: 0;

  padding-top: 5px;

  font-size: 31px;

  background: transparent;



  font-weight: normal;

  /* position: absolute;

  left: 41.8%;

  bottom: 49px; */

  border-top-left-radius: 0.25rem;

  border-bottom-left-radius: 0.25rem;

}



/* li.page-item.disabled {

  position: absolute;

  bottom: -3px;

  left: 41%;

} */



.page-link:focus,

.page-link:hover {

  color: #0056b3;

  text-decoration: none;

  background-color: transparent !important;

  border-color: transparent !important;

}



.influ-pagi ul li:last-child a:hover {

  font-size: 31px !important;

  color: #171748;

  font-weight: normal;



}



.page-item.disabled .page-link {

  color: #033c30 !important;

  font-size: 31px;

  pointer-events: none;

  background-color: #fff;

  border-color: transparent !important;

}





@media (min-width: 576px) {

  .tech_popup_2 {

    max-width: 420px !important;

    margin: 30px auto;

  }



}

/* / ====== ADD SERVICE MANGER CSS ======== / */

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

.add-service-wrap h1 {
  font-size: 18px;
  color: #fff;
  padding: 18px 14px 17px 20px;
  font-weight: 500;
  margin: -2px 0 15px 0;
  background: var(--blue-gradient,
      linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%));
}

.main-service-wrap {
  display: flex;
  gap: 14px;
  position: relative;
  justify-content: center;
}

.main-service-wrap .box-service {
  width: 47%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 15px 0px #6F6F6F40;
  padding: 55px 28px 39px 19px;
  /* / border: 1px solid rgba(0, 0, 0, 0.1); / */
  /* / padding-top: 70px; / */
  border-radius: 4px;
  position: relative;
  /* / padding-bottom: 30px; / */
  margin: 44px 0px 45px 0px;
  gap: 15px;
}

.main-service-wrap .box-service img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.add-service-wrap h2 {
  font-size: 28px;
  color: #101405;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.select-option-wrap input[type="radio"] {
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: transparent;
  outline: 2px solid #006450;
  outline-offset: 2px;
  position: absolute;
  cursor: pointer;
  right: 24px;
  top: 21px;
  left: inherit;
}

.select-option-wrap input[type="radio"]:checked {
  background: #006450;
  outline: 2px solid #006450;
}


.continue-btn-wrap {
  display: flex;
  justify-content: center;
  /* / margin-bottom: 14px; / */
  padding-bottom: 28px;
}

.continue-btn-front {
  width: fit-content;
  padding: 10px 20px 10px 20px;
  /* / height: 48px; / */
  height: 46.428px;
  border-radius: 40px;
  /* / background: #004366; / */
  color: #fff !important;
  background: var(--maincolor, linear-gradient(0deg, rgba(2, 49, 39, 1) 0%, rgba(9, 101, 79, 1) 100%));
  font-size: 16px;
  border: none;
  display: flex;
  font-weight: 500;
  text-align: center;
  align-items: center;
  justify-content: center;
}

#add-technician-manage .modal-dialog {
  max-width: 502px;
  margin: 0.0rem auto;
  display: flex;
  height: 100%;
  align-items: center;
}

.technican-select {
  width: 90%;
  height: 50px;
  border: 1px solid #c0c0c0;
  border-radius: 6px;
  margin-left: 22px;
}

.technican-select select {
  width: 100%;
  height: 100%;
  color: #858383;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  outline: none;
  border: none;
  cursor: pointer;
  appearance: none;
  padding: 0 16px;
  background: url(../images/roam-images/drtop-icon.svg);
  background-position: center right 10px;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.technican-select select option {
  color: #000;
}


/* / ====== ADD SERVICE MANGER CSS ======== / */

/* ====== FEEDBACK MANGEMENTB CSS ====== */

.feedback-form-wrap {
  width: 100%;
  height: 100%;
  text-align: center;

  h1 {
    font-size: 26px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-top: -5px;
}

.feedback-img-wrap {
  background: #E7E7E7;
  padding: 13px 12px;
  height: 200px;
  display: flex;
  justify-content: center;
  border-radius: 10px;

  img{
    width: 41px;
    height: auto;
    object-fit: contain;
  }

}


.feedback-content-wpp{
  
  .feedback-content-listing{
      display: flex;
      align-items: baseline;
      justify-content: space-between;
       border: 2px dashed #D0D0D0;
       padding: 8px;
      margin-bottom: 11px;
      
       p {
            font-family: Poppins;
            font-size: 14px;
            font-weight: 400;
            line-height: 28px;
            margin-bottom:0;
        }
        
        span{
              font-size: 14px;
            font-weight: 400;
        }
      
  }

}




}

#feedbackModalQuestion .modal-dialog {
        max-width: 677px;
        margin: 30px auto;
}

/* ====== FEEDBACK MANGEMENTB CSS ====== */