/* vendor dashboard css */
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.upper-section{
  padding-top: 20px;
}
.vendor-main-sec{
  padding-top: 20px;
  /* border-right: 1.25px solid #00000040; */
}

.sidebar-section{
  margin-right: 30px;
  /* border-right: 1.25px solid #00000040; */
  height: 100;
  box-shadow: 0px 2px 11px 0px #F848C426;
  padding-left: 22px;
}
.vendor-main-sec .pink-btn a{
  text-decoration: none;
  color: white;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
}
.vendor-main-sec .pink-btn {
  background-color: #D958A1;
  padding: 10px 20px 10px 31px;
  border-radius: 7px;
  margin-right: 50px;

}
.icons ul li a {
  color: #262626;
  display: flex;
  align-items: center;
  text-decoration: none;
  
}
.icons ul li {
  list-style-type: none;
  line-height: 43px;
}
.icons ul li a i {
  padding-right: 17px;
  /* padding-top: 10px; */
  text-align: center;
  border-radius: 12px;
  font-size: 1.4rem;
}
.icons ul{
  padding-left: 0px;
}
.icons {
  margin-top: 10px !important;
}

.large-form{

  background: white;
  
}

.small-box-text h1{
  color: #000000;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 26px;
    padding-left: 25px;
    padding-right: 10px;
  text-align: center;
}
.small-box-text p{
  font-size: 14px;
  font-weight: 400;
}
.search-container {
  position: relative;
  display: inline-block;
  margin-top: 10px;   
}

.search-container i {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #aaa;
}

.search-container input {
  padding-left: 40px; 
  border-radius: 16px;
  /* border: 1px solid #ccc; */
  /* border-radius: 4px; */
}
.long-text{
  box-shadow: 0px 4px 35px 0px #F848C433;
  border-radius: 16px;
  margin-top: 10px;
  padding: 20px 10px 20px 10px;
  overflow-y: scroll;
    max-height: 64vh;
}
.content-text h1{
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}
.content-text a{
  text-decoration: none;
  color: #00000099;
  font-size: 13px;
  font-weight: 600;
}
.bigger-image{
  box-shadow: 0px 4px 35px 0px #F848C433;
  border-radius: 16px;
  padding: 20px;
  overflow-x: auto;
}
.bigger-image h1{
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  word-break: break-all;
}
.bigger-image p{
  color: #00000099;
  font-size: 13px;
  font-weight: 400;
}
.longe-text h1{
  font-size: 20px;
  font-weight: 700;
  color: #16151E;
}
.longe-text p{
  font-size: 14px;
  font-weight: 400;
  color: #00000099;
}
/* .longe-image img{
  height: 511px;
  width: 100%;
} */
.vendor-all-button{
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: start;
}
.vendor-all-button a{
  text-decoration: none;
}
.vendor-all-button .vendor-button{
  color: #F648C3;
  font-size: 14px;
  font-weight: 600;
  border: 0.5px solid #F648C3;
  border-radius: 4px;
  padding: 10px 24px 10px 24px;
  background-color: white;
  margin-left: 25px;
  box-shadow: 0px 2.15px 10.77px 0px #F648C333;

}
.vendor-all-button .vendor-button-one{
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: 0.5px solid #F648C3;
  border-radius: 4px;
  padding: 10px 24px 10px 24px;
  background-color: #F648C3;
  margin-left: 20px;
}


.listing .listing-text h2{
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  display: flex;
  justify-content: space-between;
  /* overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    height: 29px;
    max-width: 156px;
    word-break: break-all; */
}
.listing img{
  height: 33px;
}
.listing .listing-text p{
  color: #00000099;
  font-size: 15px;
  font-weight: 400;
  /* overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    height: 24px;
    max-width: -webkit-fill-available;
    word-break: break-all; */
  
}
.listing .listing-text p .small-view{
color: #F648C3;
font-size: 12px;
font-weight: 700;
}
.listing {
  display: flex;
  gap: 7px;
  cursor: pointer !important;
}

.listing.active {
  background-color: #F848C433;
  padding: 20px;
}

.listing.active{
  background: #F648C312;
  /* padding: 30px; */
}
.small-img{
  display: flex;
}
.small-img img{
  height: 33px;
}

/*vendor complete profile modal */


.vendor-profile-content{
  padding: 25px 25px 30px 25px !important;
}
.vendor-profile-header{
  border: none !important;
  display: flex;
  justify-content: center !important;   
}
.vendor-profile-complete .ok{
text-decoration: none;
color: white;
font-size: 16px;
font-weight: 600;
border: 1px solid #F848C4;
padding: 15px 70px 15px 70px;
background-color:#F848C4;
border-radius: 8px;

}
.vendor-profile-complete .ok:hover{
  background-color: white;
  color: #F648C3;
  border:1px solid #F648C3 ;
}
.vendor-profile-complete a:hover{
color: #F848C4;
/* background-color: white; */

}
.vendor-profile-body{
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 !important;
}
.vendor-profile-header h4
{
  font-size: 27px;
  font-weight: 700;
  color: #101623;
}
.vendor-profile-body p{
  font-size: 16px;
  font-weight: 400;
  color: #9B9EA1;
  margin-bottom: 10px;
}


/* create campaign */





/* .large-form{

  background: #D958A108;
 
}
.large-form h1{
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 15px;
}
.large-form form label{
  font-size: 14px;
  font-weight: 700;
  /* color: #575757; */

/* .main-container{
background: #D958A108;
} */
form .form-check .form-text span {
  color: #F648C3;
  font-size: 12px;
  font-weight: 400;
}
form .form-text {
  color: #A7A7A7;
  font-size: 14px;
  font-weight: 400;
}
input::placeholder {
  color: #A7A7A7 !important;
  font-size: 14px !important;
  font-weight: 400 !important;

}
.add-new-box textarea::placeholder{
color: #A7A7A7;
font-size: 14px;
font-weight: 400;
}
/* .baten a{
  margin-top: 25px;
} */

.box-text{
  height: 100%;
  width:-webkit-fill-available;
  background-color: #D9D9D980;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #1B375C;

}
.uploadBtn{
  background-color:#F648C3;
  border-radius: 6px;
  padding: 10px  24px 10px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border: #F648C3;
  color: #FFFFFF;
  margin-right: 7px;

}
.uploadBtn:hover{
  background-color:white;
  border-radius: 6px;
  padding: 10px  24px 10px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border: #F648C3;
  color: #F648C3;

}
.box-text a{
  color: #000000CC;
  font-size: 31px;
  font-weight: 400;
  border: none !important;
  background-color: transparent !important;
}
.box-text a:hover{
  color: #000000CC;
  font-size: 31px;
  font-weight: 400;
}

form .btn-camp{
  background-color:#F648C3;
  border-radius: 6px;
  padding: 8px  24px 8px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border:1px solid #F648C3;
  color: white;
  margin-right: 10px;

}

form .btn-camp:hover{
background-color:white;
border-radius: 6px;
padding: 8px  24px 8px 24px ;
box-shadow: 0px 5px 15px 0px #F648C333;
border:1px solid #F648C3;
color: #F648C3;

}
form a{
  text-decoration: none;
  color: white;
}

/* 
form a:hover {
  color:#F648C3;
  background-color: white;
  border: 0.5px solid #F648C3;
} */
form .btn-campaign{
  border-radius: 6px;
  background-color:white;
  padding: 9px  48px 9px 48px ;
  color: #000000;
  border: 0.5px solid #F648C3;
  box-shadow: 0px 5px 15px 0px #F648C333;
  font-size: 16px;
}
form .btn-campaign:hover{
  background-color:#F648C3;
  padding: 9px  48px 9px 48px ;
  color: white;
  border: 0.5px solid white;
  box-shadow: 0px 4px 35px 0px #F848C433;
}

/* view campaign page css */

.view-small-text{
border: 0.5px solid #F848C4;
box-shadow: 0px 4px 35px 0px #F848C433;
/* width: 308px; */
height: 268px;
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
}

.view-small-box-text h1{
color: #000000;
font-size: 26px;
font-weight: 600;
}
.view-small-box-text p{
font-size: 14px;
font-weight: 400;
}

.view-long-text{
border: 0.5px solid #F848C4;
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 16px;
margin-top: 10px;
padding: 20px 10px 20px 10px;
}
.view-content-text h1{
font-size: 18px;
font-weight: 600;
color: #262626;
}
.view-content-text a{
text-decoration: none;
color: #00000099;
font-size: 13px;
font-weight: 600;
}
.view-bigger-image{
border: 0.5px solid #F848C480;
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 16px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.view-bigger-image h1{
color: #000000;
font-size: 18px;
font-weight: 600;
}
.view-bigger-image p{
color: #00000099;
font-size: 13px;
font-weight: 400;
}
.view-longe-text h1{
font-size: 20px;
font-weight: 700;
color: #16151E;
}
.view-longe-text p{
font-size: 14px;
font-weight: 400;
color: #00000099;
}
.view-small-img img {
height: 33px;
}
/* .longe-image img{
height: 511px;
width: 100%;
} */
.view-vendor-all-button{
margin-top: 20px;
margin-bottom: 30px;
display: flex;
justify-content: start;
}
.view-vendor-all-button a{
text-decoration: none;
}
.view-vendor-all-button .view-vendor-button{
color: #F648C3;
font-size: 14px;
font-weight: 600;
border: 0.5px solid #F648C3;
border-radius: 4px;
padding: 10px 24px 10px 24px;
background-color: white;
margin-left: 25px;
box-shadow: 0px 2.15px 10.77px 0px #F648C333;

}
.view-vendor-all-button .view-vendor-button-one{
color: white;
font-size: 14px;
font-weight: 600;
border: 0.5px solid #F648C3;
border-radius: 4px;
padding: 10px 24px 10px 24px;
background-color: #F648C3;
margin-left: 20px;
}


/*************** EDIT profile css*************/
.vendor-edit-image-man{
  background-image: url('../images/profile-cover.png');
  border-radius: 4px 4px 0px 0px;
  height: 140px;
  width: 100%;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.vendor-edit-new-img img{
  position: absolute;
  right: 46%;
  top: 76px;
}
.vendor-edit-new-img h2{
  padding-top: 56px;
}
.vendor-edit-new-img  p{
  font-size: 13px;
  font-weight: 400;
  color: #00000099;
}
.vendor-edit-image-man-btn{
  padding-top: 10px;
  padding-right: 10px;
 }
.vendor-edit-image-man-btn a{
  text-decoration: none;
  background-color: white;
  color: black;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0px 4px 10px 0px #00000059;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
}
.vendor-edit-image-man-btn a:hover{
  color: black;
}
.form-part h1{
  color: #F648C3;
  font-size: 23px;
  font-weight: 700;
}
.vendor-profile-about{
  background-color: white;
  /* padding: 10px 20px 10px 20px; */

}
.edit-upload-file-block{
  color: #F748C4;
}
.vendor-edit-save-btn .vendor-profile-btn{
  background: #D958A1;
  color: white;
  padding: 6px 25px 6px 25px;
  border: 1px solid #D958A1;
  border-radius: 3px;
  margin-right: 20px;
}
.vendor-edit-save-btn .vendor-profile-btn2{
  background: white;
  color: #D958A1;
  padding: 6px 25px 6px 25px;
  border: 1px solid #D958A1;
  border-radius: 3px;
  box-shadow: 0px 2px 10px 0px #F848C433;

}
.vendor-edit-new-image-resp{
  height: 112px;
  width: 112px;
  object-fit: fill;
  border-radius: 50%;
  background-color: white;
}
.vendor-edit-save-btn{
  margin-top: 30px;
  padding-bottom: 30px;
}
.save-btn a{
  color: white;
  background-color: #D958A1;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  padding:5px 13px 5px 13px ;
  border-radius: 3px;
 
}
.save-btn a:hover{
  color: white;
} */

.vendor-edit-middle-container form label{
  font-size: 14px;
  font-weight: 700;
  color: #575757 !important;
}
.edit-form-par a i{
  color: #D958A1;
}

.vendor-edit-middle-container .form-select option::placeholder {
  color: #575757;
  font-size: 14px !important;
  font-weight: 700 !important;    
}
.vendor-edit-middle-container form .first input::placeholder {
  color:#575757 ;
  font-size: 14px !important;
  font-weight: 500 !important;

}
/* .vendor-edit-middle-container form .first input{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
}
.vendor-edit-middle-container form .first textarea{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
} */
/* .vendor-edit-middle-container form .first select{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
} */
.first .form-control{
  font-size: 14px !important;
  font-weight: 400;
   /* color: #A7A7A7; */
}
.first .form-select{
  font-size: 14px !important;
  font-weight: 400 ;
   color: #A7A7A7;
}

/* top header */
#profilePic{
  height: 56px;
  width: 56px;
  object-fit: cover;
  border-radius: 50%;

}

/* index pages css */


.all-camp-search{
display: flex;
padding-top: 10px;
}

.all-index{
margin-top: 20px !important;
}
.all-camp h1{
color: #16151E;
font-size: 23px;
font-weight: 600;
}
.index-img img{
border-radius: 8px;
}

.all-camp-save-btn .all-camp-btn{
background: #D958A1;
color: white;
padding: 6px 25px 6px 25px;
border: 1px solid #D958A1;
border-radius: 3px;
margin-right: 20px;
}
.all-camp-save-btn{
display: flex;
justify-content: end;
}

.all-camp-sec{
display: flex;
}
.all-text{
padding-left: 10px;
}
.all-text p{
color:#484255 ;
font-size: 14px;
font-weight: 400;
}
.all-text .index-date{
color: #8B889A;
font-size: 15px;
font-weight: 400;
}
.all-search-container {
position: relative;
display: inline-block; 
}
.view-arrow{
width: 20px;
}

.all-camp-search .all-search-container {
position: relative;
}

.all-camp-search .all-search-container input.form-control {
padding-right: 40px; /* Add space for the icon inside the input */
}

.all-camp-search .all-search-container button.search-btn {
position: absolute;
right:412px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #000; /* Icon color */
font-size: 16px;
cursor: pointer;
}

.all-camp-search .all-search-container button.search-btn i {
pointer-events: none; /* Prevent interaction with the icon itself */
}
.all-search-container input {
padding-left: 40px; 
border: 0.5px solid #F648C3;
border-radius: 16px;
box-shadow: 0px 5px 15px 0px #F648C333;


}

/* Membership css */

/* .active-main-container{
background-color: white;
} */
.subscribe-head .title {
color: #fff;
font-size: 48px;
font-weight: 600;
text-align: center;
margin: 10px auto 30px auto;
z-index: 1;

}

.offers small {
font-size: 12px;
font-weight: 500;
}



.subscribe {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 1;
}

.offers {
position: relative;
overflow: hidden;
/* text-align: center; */
background: #fff;
border-radius: 8px;
padding: 2%;
margin: 16px;
width: 300px;
height: auto;
box-shadow: 0px 0px 10px #ffffff;
top: 0;
border: 1px solid #F848C433;
z-index: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; 
}

.offers p{
  word-break: break-all;
}
.offers .price{
  word-break: break-all;
}
.offers .price-rupe {
  word-break: break-all;
}
.offers .smal-bac{
  word-break: break-all;
}
.offers small{
word-break: break-all;
}
.offers .check-boxes span{
  word-break: break-all;
}

.offers.active{
background-color:#F648C3 ;
}
.middle-btn-member{
text-align: center;
}
.new-div{
  max-height: 200px;
  overflow-y: auto;
}
.offers:hover {
position: relative;
top: -20px;
border: 1px solid #F648C3;
box-shadow: 0px 9px 6px 0px #F648C333;
background-color: #F648C3;
color: white;
border-radius: 8px;
}
.offers a{
text-decoration: none;
}
/* .ckeck-boxes i span{
text-transform: none ;
} */
.offers .btn-member{
font-size: 16px;
font-weight: 500;
background:white;
padding: 10px 50px 10px 50px;
color:#000000;
border: 0.5px solid #F648C3;
transition-duration: 0.5s;
text-align: center;
border-radius: 6px;
box-shadow: 0px 5px 15px 0px #F648C333;
margin-top: 20px;
}
.add-new-sec{
  background-color: white;
}
.offers p{
font-size: 14px;
font-weight: 500;
margin-top: 10px;
}
.price{
text-align: start;
}
.price-rupe{

font-size: 32px;
font-weight: 500;
}
.smal-bac{
font-size: 14px;
font-weight: 500;
} 
.subscribe-page{
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 10s ease infinite;
  height: 100vh;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.tag {
  height: min-content;
  width: 464px;
  padding: 0.5rem;
  rotate: 45deg;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 6%;
  font-weight: 600;
}

.tagLabel {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  user-select: none;
}
.Alert-tag {
  background-color: lightsalmon;
  border: 2px solid lightcoral;
}
.offers .form-check label{
font-size: 16px;
font-weight: 400;
}

.offers .form-check .form-check-input{
background-color:#F648C3 ;
border: 1px solid #F648C3;
box-shadow: none;
}
.form-check .green{
color: green !important;
}
.form-check .red{
color: red !important;
}


/* activate page css */

.active-head .active-title{
color: #DA57A2;
font-size: 25px;
font-weight: 600;
margin-bottom: 40px;
text-align: center;
}
.active-head p{
color: #52575C;
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
}
.fill-field p{
color: #52575C;
font-size: 16px;
font-weight: 400;
}
.fill-para{
color: #52575C;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
}
.text-boxes p{
color: #52575C !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.text-boxes{
margin-bottom: 30px;
text-align: justify;
}
.fill-btn{
text-align: center;
margin-top: 10px;
}
.text-btn button{
background-color: #F648C3;
padding: 10px 24px 10px 24px;
color: white;
border: 1px solid #F648C3;
border-radius: 8px;
margin-top: 10px;
}


/* profile page css */


.new-progress-bar {
background-color: #F648C3 !important; 
}

.profile-completion {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
text-align: center;
}
.profile-completion p{
color: #000000;
font-size: 18px;
font-weight: 700;
}
.profile-progress{
height: 8px !important;
 width:230px;
  border-radius: 20px;
}
.profile-completion .percentage {
margin-left: 10px;
color: #808080; /* Light gray for the percentage */
}
#contact-card {
/* border: 0.5px solid #F848C4; */
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 8px;
background-color: #ffffff;
margin-top: 20px;
}

.icon-wrapper {
background-color: #f96bb6;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}

.icon {
font-size: 1.2rem;
color: #ffffff;
}

.contact-card ul li {
display: flex;
align-items: center;
color: #333;
}


.contact-card .list-unstyled a{
color: #007bff;
text-decoration: none;
}
.contact-card p{
color: #262626;
font-size: 12px;
font-weight: 400;

}
.list-unstyled li span{
color: #262626;
font-size: 16px;
font-weight: 400;
}
.bio-box p{
color: #262626;
font-size: 18px;
font-weight: 600;
}
.links-text{
padding-top: 20px;
}

.links-text h1{
color: #262626;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
}
.links-text .icon-link{
padding-bottom: 15px;
}
.profile-vendor-box {
margin: 20px auto;
padding: 20px;
background-color: white;
border-radius: 10px;
box-shadow: 0px 4px 35px 0px #F848C433;
}

.profile-vendor-box h2 {
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
}

.profile-vendor-box .campaign {
display: flex;
flex-direction: column;
gap: 20px;
}
.progress-container {
display: flex;
align-items: flex-end;
justify-content: center;
align-content: center;
gap: 10px;
}

.progress-circle {
width: 60px;
height: 60px;
margin-right: 15px;
margin-bottom: 15px;
}

.circular-chart {
display: block;
max-width: 100%;
max-height: 100%;
}

.circle-bg {
fill: none;
stroke: #ffedfa;
stroke-width: 3.8;
}

.circle {
fill: none;
stroke-width: 2.8;
stroke: #F848C4; /* Change this color to match your preference */
stroke-linecap: round;
animation: progress-animation 1s ease-out forwards;
transform: scale(-1, 1); /* Flips the circle */
transform-origin: center; /* Ensures it rotates around the center */
}

@keyframes progress-animation {
from {
    stroke-dasharray: 0 100;
}
}

.name-container h2 {
margin: 0;
font-size: 1.4em;
color: #333;
/* word-break: break-all;
    padding-left: 10px;
    overflow-y: auto;
    height: 107px;
    text-align: center; */
}

.name-container p {
margin-top: 5px;
font-size: 1em;

    display: flex;
    justify-content: center; 
}
.percentage-text {
font-size: 0.5em;
text-anchor: middle;
fill: #333;
font-weight: bold;
}



/* .profile-vendor-box .campaign-item {
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
} */

.profile-vendor-box .campaign h3 {
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
}

.profile-vendor-box .campaign-content {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 10px;
justify-content: center;
  align-items: center;
}
.campaign-content p{
color: #565656;
font-size: 12px;
font-weight: 400;
}
.profile-vendor-box .campaign-image {
width: 423px;
  height: 180px;
  max-width: -webkit-fill-available;
background-color: #ccc;
border-radius: 5px;
}

.profile-vendor-box p {
font-size: 0.9rem;
color: #666;
flex: 1;
}

.profile-vendor-box .campaign-actions {
display: flex;
gap: 25px;
}

.profile-vendor-box .btn {
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}

.profile-vendor-box .view-btn {
background-color:#DA57A2;
color: white;
}
.profile-vendor-box .view-btn:hover{
color: white;
}
.profile-vendor-box .edit-btn {
background-color: white;
color: black;
box-shadow: 0px 4px 15px 0px #DA57A226;
border: 0.5px solid #DA57A2

}

.profile-vendor-box .see-all-img-btn .see-btn {
padding: 8px 16px 8px 16px;
color:black;
border: 1px solid black;
border-radius: 5px;
text-align: center;
}
.see-all-img-btn{
display: flex;
align-items: center;
justify-content: center;
}
.box-progress{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
}
@media screen and (max-width: 768.9px){
  .vendor-edit-new-img img {
    right: 39%;
  }
}
@media screen and (max-width: 425px){
  .vendor-edit-new-img img {
    right: 33%;
  }
  
}
@media screen and (max-width: 375px){
  .vendor-edit-new-img img {
    right: 31%;
  }
  
}
@media only screen and (min-width:200px) and (max-width:320px) {
.vendor-edit-new-img img {
  right: 26%;
}

}

/* notification page */
.noti{
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.noti h1{
color: #262626;
font-size: 24px;
font-weight: 700;
}
.noti p{
color: #00000099;
font-size: 14px;
font-weight: 500
}
.head-para{
margin-left: 10px;
width: 100%;

}
.head-para h3{
color: #262626;
font-size: 14px;
font-weight: 600;
word-break: break-all;
/* overflow-y: auto !important;
height: 31px; */
}
.head-para h5{
color: #262626;
font-size: 12px;
/* height: 31px; */
font-weight: 400;
line-height: 20px;
word-break: break-all;
/* overflow-y: auto !important; */
}
.head-para p{
color: #8E8E8E;
font-size: 12px;
font-weight: 400;
}
.img-text-icon{
display: flex;
padding: 12px;
border-bottom: 1px solid #E2E2E2;
/* justify-content: space-between; */
}
.img-text-icon p{
margin-bottom: 0 !important;
}
.img-text-icon.active{
background-color: #f1f1f1;
}
/* canvas {
max-width: 600px;
margin: auto;
border: 3px solid #00f;
padding: 10px;
} */
.chart {
width: 100%; 
min-height: 450px;
}

.first-insight h1{
color: #211B24;
font-size: 16px;
font-weight: 600;
}
.first-insight p{
color: #807B8A;
font-size: 16px;
font-weight: 400;
}
.first-insight p span{
color: #807B8A;
font-size: 16px;
font-weight: 400;
margin-left: 10px;
}
.all-insight h1{
font-size: 15px;
font-weight: 600;
color: #211B24;
}
.insight-btn{
display: flex;
justify-content: end;
}
.insight-btn button{
background-color:  #F648C3 ;
color: white;
border: 1px solid #F648C3;
}
.insight-btn button:hover{
background-color:  #F648C3 ;
columns: white;
border: 1px solid #F648C3;
}
.insignt-icon p{
display: flex;
justify-content: end;

}
.insignt-icon p{
font-size: 15px;
font-weight: 400;
color: #413C49;
margin-left: 10px;
}
.all-insight h1{
color:#272223 ;
font-size: 16px;
font-weight: 600;
}
.all-insight p{
color: #807B8A;
font-size: 16px;
font-weight: 400;
}
.all-slide-insight{
margin-top: 10px;
background-color: white;
padding: 20px 20px 20px 20px;
box-shadow: 0px 4px 15px 0px #D958A133;

}.detail-insight h5{
color: #484255;
font-size: 14px;
font-weight: 400;
}
.detail-insight p{
font-size: 15px;
font-weight: 500;
color: #8B889A;
}
.post-share{
text-align: center;
}
.post-share h5{
color:#7F7A8F ;
font-size: 15px;
font-weight: 400;
}
.post-share p{
color: #44424D;
font-size: 15px;
font-weight: 400;
}
.insight-img img{
height: 60px;
}
.insight-img{
display: flex;
margin-bottom: 10px;

}
.btn:focus{
  box-shadow: none  !important;
}

.insight-texts{
margin-top: 10px;
}
.detail-insight{
margin-left: 10px;
}
.insight-texts h2{
color: #211B24;
font-size: 18px;
font-weight: 600;
}
.insight-texts p{
color: #6F6C7C;
font-size: 16px;
font-weight: 400;
}
.insight-texts h3{
color: #3C384B;
font-size: 16px;
font-weight: 400;
}
.gree{
color: #009D89 !important;/* vendor dashboard css */
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.upper-section{
  padding-top: 20px;
}
.vendor-main-sec{
  padding-top: 20px;
  /* border-right: 1.25px solid #00000040; */
}

.sidebar-section{
  margin-right: 30px;
  /* border-right: 1.25px solid #00000040; */
  height: 100;
  box-shadow: 0px 2px 11px 0px #F848C426;
  padding-left: 22px;
}
.vendor-main-sec .pink-btn a{
  text-decoration: none;
  color: white;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
}
.vendor-main-sec .pink-btn {
  background-color: #D958A1;
  padding: 10px 20px 10px 31px;
  border-radius: 7px;
  margin-right: 50px;

}
.icons ul li a {
  color: #262626;
  display: flex;
  align-items: center;
  text-decoration: none;
  
}
.icons ul li {
  list-style-type: none;
  line-height: 43px;
}
.icons ul li a i {
  padding-right: 17px;
  /* padding-top: 10px; */
  text-align: center;
  border-radius: 12px;
  font-size: 1.4rem;
}
.icons ul{
  padding-left: 0px;
}
.icons {
  margin-top: 10px !important;
}

.large-form{

  background: white;
  
}

.small-box-text h1{
  color: #000000;
  font-size: 26px;
  font-weight: 600;
}
.small-box-text p{
  font-size: 14px;
  font-weight: 400;
}
.search-container {
  position: relative;
  display: inline-block;
  margin-top: 10px;   
}

.search-container i {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #aaa;
}

.search-container input {
  padding-left: 40px; 
  border-radius: 16px;
  /* border: 1px solid #ccc; */
  /* border-radius: 4px; */
}
.long-text{
  box-shadow: 0px 4px 35px 0px #F848C433;
  border-radius: 16px;
  margin-top: 10px;
  padding: 20px 10px 20px 10px;
}
.content-text h1{
  font-size: 18px;
  font-weight: 600;
  color: #262626;
}
.content-text a{
  text-decoration: none;
  color: #00000099;
  font-size: 13px;
  font-weight: 600;
}
.bigger-image{
  box-shadow: 0px 4px 35px 0px #F848C433;
  border-radius: 16px;
  padding: 20px;
}
.bigger-image h1{
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.bigger-image p{
  color: #00000099;
  font-size: 13px;
  font-weight: 400;
}
.longe-text h1{
  font-size: 20px;
  font-weight: 700;
  color: #16151E;
}
.longe-text p{
  font-size: 14px;
  font-weight: 400;
  color: #00000099;
}
/* .longe-image img{
  height: 511px;
  width: 100%;
} */
.vendor-all-button{
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: start;
}
.vendor-all-button a{
  text-decoration: none;
}
.vendor-all-button .vendor-button{
  color: #F648C3;
  font-size: 14px;
  font-weight: 600;
  border: 0.5px solid #F648C3;
  border-radius: 4px;
  padding: 10px 24px 10px 24px;
  background-color: white;
  margin-left: 25px;
  box-shadow: 0px 2.15px 10.77px 0px #F648C333;

}
.vendor-all-button .vendor-button-one{
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: 0.5px solid #F648C3;
  border-radius: 4px;
  padding: 10px 24px 10px 24px;
  background-color: #F648C3;
  margin-left: 20px;
}

.listing-text{
  width: 100% ;
}

.listing .listing-text h2{
  font-size: 13px;
  font-weight: 600;
  color: #262626;
  display: flex;
  justify-content: space-between;
}
.listing img{
  height: 33px;
}
.listing .listing-text p{
  color: #00000099;
  font-size: 15px;
  font-weight: 400;
}
.listing .listing-text p .small-view{
color: #F648C3;
font-size: 12px;
font-weight: 700;
}
.listing{
  display: flex;
  cursor: pointer !important;
}
.listing.active{
  background: #F648C312;
  /* padding: 30px; */
}
.small-img{
  display: flex;
}
.small-img img{
  height: 33px;
}

/*vendor complete profile modal */


.vendor-profile-content{
  padding: 25px 25px 30px 25px !important;
}
.vendor-profile-header{
  border: none !important;
  display: flex;
  justify-content: center !important;   
}
.vendor-profile-complete .ok{
text-decoration: none;
color: white;
font-size: 16px;
font-weight: 600;
border: 1px solid #F848C4;
padding: 15px 70px 15px 70px;
background-color:#F848C4;
border-radius: 8px;

}
.vendor-profile-complete .ok:hover{
  background-color: white;
  color: #F648C3;
  border:1px solid #F648C3 ;
}
.vendor-profile-complete a:hover{
color: #F848C4;
/* background-color: white; */

}
.vendor-profile-body{
  justify-content: center;
  align-items: center;
  text-align: center;
}
.vendor-profile-body h4{
  font-size: 27px;
  font-weight: 700;
  color: #101623;
}
.vendor-profile-body p{
  font-size: 16px;
  font-weight: 400;
  color: #9B9EA1;
  margin-bottom: 10px;
}


/* create campaign */





/* .large-form{

  background: #D958A108;
 
}
.large-form h1{
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 15px;
}
.large-form form label{
  font-size: 14px;
  font-weight: 700;
  /* color: #575757; */

.main-container{
background: #D958A108;
height: 100vh;
}
form .form-check .form-text span {
  color: #F648C3;
  font-size: 12px;
  font-weight: 400;
}
form .form-text {
  color: #A7A7A7;
  font-size: 14px;
  font-weight: 400;
}
input::placeholder {
  color: #A7A7A7 !important;
  font-size: 14px !important;
  font-weight: 400 !important;

}
.add-new-box textarea::placeholder{
color: #A7A7A7;
font-size: 14px;
font-weight: 400;
}
/* .baten a{
  margin-top: 25px;
} */

.box-text{
  height: 100%;
  width:-webkit-fill-available;
  background-color: #D9D9D980;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #1B375C;

}
.uploadBtn{
  background-color:#F648C3;
  border-radius: 6px;
  padding: 10px  24px 10px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border: #F648C3;
  color: #FFFFFF;
  margin-right: 7px;

}
.uploadBtn:hover{
  background-color:white;
  border-radius: 6px;
  padding: 10px  24px 10px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border: #F648C3;
  color: #F648C3;

}
.box-text a{
  color: #000000CC;
  font-size: 31px;
  font-weight: 400;
  border: none !important;
  background-color: transparent !important;
}
.box-text a:hover{
  color: #000000CC;
  font-size: 31px;
  font-weight: 400;
}

form .btn-camp{
  background-color:#F648C3;
  border-radius: 6px;
  padding: 8px  24px 8px 24px ;
  box-shadow: 0px 5px 15px 0px #F648C333;
  border:1px solid #F648C3;
  color: white;

}

form .btn-camp:hover{
background-color:white;
border-radius: 6px;
padding: 8px  24px 8px 24px ;
box-shadow: 0px 5px 15px 0px #F648C333;
border:1px solid #F648C3;
color: #F648C3;

}
form a{
  text-decoration: none;
  color: white;
}

/* 
form a:hover {
  color:#F648C3;
  background-color: white;
  border: 0.5px solid #F648C3;
} */
form .btn-campaign{
  border-radius: 6px;
  background-color:white;
  padding: 8px  48px 8px 48px ;
  color: #000000;
  border: 0.5px solid #F648C3;
  box-shadow: 0px 5px 15px 0px #F648C333;
}
form .btn-campaign:hover{
  background-color:#F648C3;
  padding: 8px  48px 8px 48px ;
  color: white;
  border: 0.5px solid white;
  box-shadow: 0px 4px 35px 0px #F848C433;
}

/* view campaign page css */

.view-small-text{
border: 0.5px solid #F848C4;
box-shadow: 0px 4px 35px 0px #F848C433;
/* width: 308px; */
height: 268px;
border-radius: 16px;
display: flex;
justify-content: center;
align-items: center;
}

.view-small-box-text h1{
color: #000000;
font-size: 26px;
font-weight: 600;
}
.view-small-box-text p{
font-size: 14px;
font-weight: 400;
}


.view-long-text{
border: 0.5px solid #F848C4;
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 16px;
margin-top: 10px;
padding: 20px 10px 20px 10px;
}
.view-content-text h1{
font-size: 18px;
font-weight: 600;
color: #262626;
}
.view-content-text a{
text-decoration: none;
color: #00000099;
font-size: 13px;
font-weight: 600;
}
.view-bigger-image{
border: 0.5px solid #F848C480;
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 16px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.view-bigger-image h1{
color: #000000;
font-size: 18px;
font-weight: 600;
}
.view-bigger-image p{
color: #00000099;
font-size: 13px;
font-weight: 400;
}
.view-longe-text h1{
font-size: 20px;
font-weight: 700;
color: #16151E;
}
.view-longe-text p{
font-size: 14px;
font-weight: 400;
color: #00000099;
}
.view-small-img img {
height: 33px;
}
/* .longe-image img{
height: 511px;
width: 100%;
} */
.view-vendor-all-button{
margin-top: 20px;
margin-bottom: 30px;
display: flex;
justify-content: start;
}
.view-vendor-all-button a{
text-decoration: none;
}
.view-vendor-all-button .view-vendor-button{
color: #F648C3;
font-size: 14px;
font-weight: 600;
border: 0.5px solid #F648C3;
border-radius: 4px;
padding: 10px 24px 10px 24px;
background-color: white;
margin-left: 25px;
box-shadow: 0px 2.15px 10.77px 0px #F648C333;

}
.view-vendor-all-button .view-vendor-button-one{
color: white;
font-size: 14px;
font-weight: 600;
border: 0.5px solid #F648C3;
border-radius: 4px;
padding: 10px 24px 10px 24px;
background-color: #F648C3;
margin-left: 20px;
}


/*************** EDIT profile css*************/
.vendor-edit-image-man{
  background-image: url('../images/profile-cover.png');
  border-radius: 4px 4px 0px 0px;
  height: 140px;
  width: 100%;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.vendor-edit-new-img img{
  position: absolute;
  right: 46%;
  top: 76px;
}
.vendor-edit-new-img h2{
  padding-top: 56px;
}
.vendor-edit-new-img  p{
  font-size: 13px;
  font-weight: 400;
  color: #00000099;
}
.vendor-edit-image-man-btn{
  padding-top: 10px;
  padding-right: 10px;
 }
.vendor-edit-image-man-btn a{
  text-decoration: none;
  background-color: white;
  color: black;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0px 4px 10px 0px #00000059;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
}
.vendor-edit-image-man-btn a:hover{
  color: black;
}
.form-part h1{
  color: #F648C3;
  font-size: 23px;
  font-weight: 700;
}
.vendor-profile-about{
  background-color: white;
  /* padding: 10px 20px 10px 20px; */

}
.edit-upload-file-block{
  color: #F748C4;
}
.vendor-edit-save-btn .vendor-profile-btn{
  background: #D958A1;
  color: white;
  padding: 6px 25px 6px 25px;
  border: 1px solid #D958A1;
  border-radius: 3px;
  margin-right: 20px;
}
.vendor-edit-save-btn .vendor-profile-btn2{
  background: white;
  color: #D958A1;
  padding: 6px 25px 6px 25px;
  border: 1px solid #D958A1;
  border-radius: 3px;
  box-shadow: 0px 2px 10px 0px #F848C433;

}
.vendor-edit-new-image-resp{
  height: 112px;
  width: 112px;
  object-fit: cover;
  border-radius: 50%;
}
.vendor-edit-save-btn{
  margin-top: 30px;
  padding-bottom: 30px;
}
.save-btn a{
  color: white;
  background-color: #D958A1;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  padding:5px 13px 5px 13px ;
  border-radius: 3px;
 
}
.save-btn a:hover{
  color: white;
} */

.vendor-edit-middle-container form label{
  font-size: 14px;
  font-weight: 700;
  color: #575757 !important;
}


.vendor-edit-middle-container .form-select option::placeholder {
  color: #575757;
  font-size: 14px !important;
  font-weight: 700 !important;    
}
.vendor-edit-middle-container form .first input::placeholder {
  color:#575757 ;
  font-size: 14px !important;
  font-weight: 500 !important;

}
/* .vendor-edit-middle-container form .first input{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
}
.vendor-edit-middle-container form .first textarea{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
} */
/* .vendor-edit-middle-container form .first select{
  border-bottom: 1px solid #0000004D;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
} */
.first .form-control{
  font-size: 14px !important;
  font-weight: 400;
   color: #A7A7A7;
}
.first .form-select{
  font-size: 14px !important;
  font-weight: 400 ;
   color: #A7A7A7;
}

/* top header */
#profilePic{
  height: 56px;
  width: 56px;
  object-fit: cover;
  border-radius: 50%;

}

/* index pages css */


.all-camp-search{
display: flex;
padding-top: 10px;
}

.all-index{
margin-top: 20px !important;
}
.all-camp h1{
color: #16151E;
font-size: 23px;
font-weight: 600;
}
.index-img img{
border-radius: 8px;
}

.all-camp-save-btn .all-camp-btn{
background: #D958A1;
color: white;
padding: 6px 25px 6px 25px;
border: 1px solid #D958A1;
border-radius: 3px;
margin-right: 20px;
}
.all-camp-save-btn{
display: flex;
justify-content: end;
}

.all-camp-sec{
display: flex;
}
.all-text{
padding-left: 10px;
}
.all-text p{
color:#484255 ;
font-size: 14px;
font-weight: 400;
}
.all-text .index-date{
color: #8B889A;
font-size: 15px;
font-weight: 400;
}
.all-search-container {
position: relative;
display: inline-block; 
}
.view-arrow{
width: 20px;
}

.all-camp-search .all-search-container {
position: relative;
}

.all-camp-search .all-search-container input.form-control {
padding-right: 40px; /* Add space for the icon inside the input */
}

.all-camp-search .all-search-container button.search-btn {
position: absolute;
right: 360px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #000; /* Icon color */
font-size: 16px;
cursor: pointer;
}

.all-camp-search .all-search-container button.search-btn i {
pointer-events: none; /* Prevent interaction with the icon itself */
}
.all-search-container input {
padding-left: 40px; 
border: 0.5px solid #F648C3;
border-radius: 16px;
box-shadow: 0px 5px 15px 0px #F648C333;


}

/* Membership css */

/* .active-main-container{
background-color: white;
} */
.subscribe-head .title {
color: #D958A1;
font-size: 48px;
font-weight: 600;
text-align: center;
margin: 10px auto 30px auto;
z-index: 1;

}

.offers small {
font-size: 12px;
font-weight: 500;
}



.subscribe {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 1;
}

.offers {
position: relative;
/* text-align: center; */
background: #fff;
border-radius: 8px;
padding: 1%;
margin: 10px;
width: 300px;
height: auto;
top: 0;
border: 1px solid #F848C433;
z-index: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; 
}
.offers.active{
background-color:#F648C3 ;
}
.middle-btn-member{
text-align: center;
}
.offers:hover {
position: relative;
top: -20px;
border: 1px solid #F648C3;
box-shadow: 0px 9px 6px 0px #F648C333;
background-color: #F648C3;
color: white;
border-radius: 8px;
}
.offers a{
text-decoration: none;
}
/* .ckeck-boxes i span{
text-transform: none ;
} */
.offers .btn-member{
font-size: 16px;
font-weight: 500;
background:white;
padding: 10px 50px 10px 50px;
color:#000000;
border: 0.5px solid #F648C3;
transition-duration: 0.5s;
text-align: center;
border-radius: 6px;
box-shadow: 0px 5px 15px 0px #F648C333;
margin-top: 20px;
}
.offers p{
font-size: 14px;
font-weight: 500;
margin-top: 10px;
}
.price{
text-align: start;
}
.price-rupe{

font-size: 32px;
font-weight: 500;
}
.smal-bac{
background-color:#F2F2F2 ;
font-size: 12px;
font-weight: 500;
color: #000000;
} 
.offers .form-check label{
font-size: 16px;
font-weight: 400;
}

.offers .form-check .form-check-input{
background-color:#F648C3 ;
border: 1px solid #F648C3;
box-shadow: none;
}
.form-check .green{
color: green !important;
}
.form-check .red{
color: red !important;
}
/* @media only screen and (min-width:200px) and (max-width:567px) {
.subscribe-head .title{
  font-size: 25px;
}
.offers .btn-member{
  padding: 10px 30px 10px 30px;
}
} */


/* activate page css */

.active-head .active-title{
color: #DA57A2;
font-size: 25px;
font-weight: 600;
margin-bottom: 40px;
}
.active-head p{
color: #52575C;
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
}
.fill-field p{
color: #52575C;
font-size: 16px;
font-weight: 400;
}
.fill-para{
color: #52575C;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
}
.text-boxes p{
color: #52575C !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.text-boxes{
margin-bottom: 30px;
text-align: center;
}
.fill-btn{
text-align: center;
margin-top: 10px;
}
.text-btn button{
background-color: #F648C3;
padding: 10px 24px 10px 24px;
color: white;
border: 1px solid #F648C3;
border-radius: 8px;
margin-top: 10px;
}


/* profile page css */


.new-progress-bar {
background-color: #F648C3 !important; 
}

.profile-completion {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
text-align: center;
}
.profile-completion p{
color: #000000;
font-size: 18px;
font-weight: 700;
}
.profile-progress{
height: 8px !important;
 width:230px;
  border-radius: 20px;
}
.profile-completion .percentage {
margin-left: 10px;
color: #808080; /* Light gray for the percentage */
}

#contact-card {
/* border: 0.5px solid #F848C4; */
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 8px;
background-color: #ffffff;
margin-top: 20px;
}

.icon-wrapper {
background-color: #f96bb6;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}

.icon {
font-size: 1.2rem;
color: #ffffff;
}

.contact-card ul li {
display: flex;
align-items: center;
color: #333;
}


.contact-card .list-unstyled a{
color: #007bff;
text-decoration: none;
}
.contact-card p{
color: #262626;
font-size: 12px;
font-weight: 400;

}
.list-unstyled li span{
color: #262626;
font-size: 16px;
font-weight: 400;
}
.bio-box p{
color: #262626;
font-size: 18px;
font-weight: 600;
}
.links-text{
padding-top: 20px;
}

.links-text h1{
color: #262626;
font-size: 18px;
font-weight: 600;
padding-bottom: 10px;
}
.links-text .icon-link{
padding-bottom: 15px;
}
.profile-vendor-box {
margin: 20px auto;
padding: 20px;
background-color: white;
border-radius: 10px;
box-shadow: 0px 4px 35px 0px #F848C433;
}

.profile-vendor-box h2 {
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
}

.profile-vendor-box .campaign {
display: flex;
flex-direction: column;
gap: 20px;
}

/* .profile-vendor-box .campaign-item {
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
} */

.profile-vendor-box .campaign h3 {
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
}

.profile-vendor-box .campaign-content {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 10px;
justify-content: center;
  align-items: center;
}
.campaign-content p{
color: #565656;
font-size: 12px;
font-weight: 400;
}
.profile-vendor-box .campaign-image {
width: 423px;
  height: 180px;

background-color: #ccc;
border-radius: 5px;
}

.profile-vendor-box p {
font-size: 0.9rem;
color: #666;
flex: 1;
}

.profile-vendor-box .campaign-actions {
display: flex;
gap: 25px;
}

.profile-vendor-box .btn {
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}

.profile-vendor-box .view-btn {
background-color:#DA57A2;
color: white;
}
.profile-vendor-box .view-btn:hover{
color: white;
}
.profile-vendor-box .edit-btn {
background-color: white;
color: black;
box-shadow: 0px 4px 15px 0px #DA57A226;
border: 0.5px solid #DA57A2

}

.profile-vendor-box .see-all-img-btn .see-btn {
padding: 8px 16px 8px 16px;
color:black;
border: 1px solid black;
border-radius: 5px;
text-align: center;
}
.see-all-img-btn{
display: flex;
align-items: center;
justify-content: center;
}
.box-progress{
display: flex;
justify-content: center;
text-align: center;
align-items: center;
}


/* notification page */
.noti{
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.noti h1{
color: #262626;
font-size: 24px;
font-weight: 700;
}
.noti p{
color: #00000099;
font-size: 14px;
font-weight: 500
}
.head-para{
margin-left: 10px;
}
.head-para h3{
color: #262626;
font-size: 14px;
font-weight: 600;
}
.head-para h5{
color: #262626;
font-size: 12px;
font-weight: 400;
}
.head-para p{
color: #8E8E8E;
font-size: 12px;
font-weight: 400;
}
.img-text-icon{
display: flex;
/* justify-content: space-between; */
}
canvas {
max-width: 600px;
margin: auto;
border: 3px solid #00f;
padding: 10px;
} */
.chart {
width: 100%; 
min-height: 450px;
}

.first-insight h1{
color: #211B24;
font-size: 16px;
font-weight: 600;
}
.first-insight p{
color: #807B8A;
font-size: 16px;
font-weight: 400;
}
.first-insight p span{
color: #807B8A;
font-size: 16px;
font-weight: 400;
margin-left: 10px;
}
.all-insight h1{
font-size: 15px;
font-weight: 600;
color: #211B24;
}
.insight-btn{
display: flex;
justify-content: end;
}
.insight-btn button{
background-color:  #F648C3 ;
color: white;
border: 1px solid #F648C3;
}
.insight-btn button:hover{
background-color:  #F648C3 ;
columns: white;
border: 1px solid #F648C3;
}
.insignt-icon p{
display: flex;
justify-content: end;

}
.insignt-icon p{
font-size: 15px;
font-weight: 400;
color: #413C49;
margin-left: 10px;
}
.all-insight h1{
color:#272223 ;
font-size: 16px;
font-weight: 600;
}
.all-insight p{
color: #807B8A;
font-size: 16px;
font-weight: 400;
}
.all-slide-insight{
margin-top: 10px;
background-color: white;
padding: 20px 20px 20px 20px;
box-shadow: 0px 4px 15px 0px #D958A133;

}.detail-insight h5{
color: #484255;
font-size: 14px;
font-weight: 400;
}
.detail-insight p{
font-size: 15px;
font-weight: 500;
color: #8B889A;
}
.post-share h5{
color:#7F7A8F ;
font-size: 15px;
font-weight: 400;
}
.post-share p{
color: #44424D;
font-size: 15px;
font-weight: 400;
}
.insight-img img{
height: 60px;
}
.insight-img{
display: flex;
margin-bottom: 10px;

}

.insight-texts{
margin-top: 10px;
}
.detail-insight{
margin-left: 10px;
}
.insight-texts h2{
color: #211B24;
font-size: 20px;
font-weight: 600;
}
.insight-texts p{
color: #6F6C7C;
font-size: 16px;
font-weight: 400;
}
.insight-texts h3{
color: #3C384B;
font-size: 16px;
font-weight: 400;
}
.gree{
color: #009D89 !important;
font-size: 14px;
font-weight: 400;
}
.insight-btn-low{
display: flex;
justify-content:space-evenly;
text-align: center;
align-items: center;
}
.insight-btn-low button{
background-color:  #F648C3 ;
color: white;
border: 1px solid #F648C3;
}
.insight-btn-low button:hover{
background-color:  #F648C3 ;
columns: white;
border: 1px solid #F648C3;
}
.pin{
color: #F648C3 !important;
font-size: 14px;
font-weight: 400;
}
.data{
color: #5C4357 !;
font-size: 14px;
font-weight: 400;
}
.longest-btn{
display: flex;
justify-content: center;
padding-top: 20px;
}
.longest-btn button{
background-color: #F648C3;
color: white;
border: 1px solid #F648C3;
border-radius: 3px;
padding: 10px 30px 10px 30px;
}
.insight-search .all-search-container {
position: relative;
}

.insight-search .all-search-container input.form-control {
padding-right: 40px; /* Add space for the icon inside the input */
}

.insight-search .all-search-container button.search-btn {
position: absolute;
right: 320px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #000; /* Icon color */
font-size: 16px;
cursor: pointer;
}

.insight-search .all-search-container button.search-btn i {
pointer-events: none; /* Prevent interaction with the icon itself */
}

/* insight detail css */


.longest-btn-light{
display: flex;
justify-content: center;
padding-top: 20px;
}
.longest-btn-light button{
background-color: #D958A133;
color: black;
border-radius: 3px;
border: none;
padding: 10px 30px 10px 30px;
}
.insight-detail-text h3{
font-size: 16px;
font-weight: 600;
color: #211B24;
}
.town-city button{
background-color: #D958A126;
border: none;
border-radius: 24px;
color: #F648C3;
padding: 0px 15px 0px 15px ;
font-size: 16px;
font-weight: 600;
}
.country-btn button{
background-color: #E2E2E2;
border: none;
border-radius: 24px;
color: #211B24;
padding: 0px 15px 0px 15px ;
font-size: 16px;
font-weight: 600;
}
.all-insight {
display: flex;
justify-content: end;
}
.town-city{
margin-right: 10px;
}

font-size: 14px;
font-weight: 400;
}
.insight-btn-low{
display: flex;
justify-content:space-evenly;
text-align: center;
align-items: center;
}
.insight-btn-low button{
background-color:  #F648C3 ;
color: white;
border: 1px solid #F648C3;
}
.insight-btn-low button:hover{
background-color:  #F648C3 ;
columns: white;
border: 1px solid #F648C3;
}
.pin{
color: #F648C3 !important;
font-size: 14px;
font-weight: 400;
}
.data{
color: #5C4357 !;
font-size: 14px;
font-weight: 400;
}
.longest-btn{
display: flex;
justify-content: center;
padding-top: 20px;
}
.longest-btn button{
background-color: #F648C3;
color: white;
border: 1px solid #F648C3;
border-radius: 3px;
padding: 10px 30px 10px 30px;
}
.insight-search .all-search-container {
position: relative;
}

.insight-search .all-search-container input.form-control {
padding-right: 40px; /* Add space for the icon inside the input */
}

.insight-search .all-search-container button.search-btn {
position: absolute;
right: 384px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #000; /* Icon color */
font-size: 16px;
cursor: pointer;
}

.insight-search .all-search-container button.search-btn i {
pointer-events: none; /* Prevent interaction with the icon itself */
}

/* insight detail css */


.longest-btn-light{
display: flex;
justify-content: center;
padding-top: 20px;
}
.longest-btn-light button{
background-color: #D958A133;
color: black;
border-radius: 3px;
border: none;
padding: 10px 30px 10px 30px;
}
.insight-detail-text h3{
font-size: 16px;
font-weight: 600;
color: #211B24;
}
.town-city button{
background-color: #D958A126;
border: none;
border-radius: 24px;
color: #F648C3;
padding: 0px 15px 0px 15px ;
font-size: 16px;
font-weight: 600;
}
.country-btn button{
background-color: #E2E2E2;
border: none;
border-radius: 24px;
color: #211B24;
padding: 0px 15px 0px 15px ;
font-size: 16px;
font-weight: 600;
}
.all-insight-btn{
display: flex;
justify-content: end;
}
.town-city{
margin-right: 10px;
}
.insight-detail-text h3{
color: #211B24;
font-size: 18px;
font-weight: 600;
}

/* view insight css */

.view-texts{
margin-left: 10px;
}
.view-texts h3{
font-size: 14px;
font-weight: 400;
color: #484255;
}
.view-texts p{
color: #8B889A;
font-size: 15px;
font-weight: 400;
}
.view-texts p span{
color: #555555;
font-size: 14px;
font-weight: 400;
}
.view-img-texts{
display: flex;
}
.post-share-main{
box-shadow: 0px 4px 35px 0px #F848C433;
border-radius: 16px;
margin-top: 30px;
padding: 30px;
margin-bottom: 20px;

}
.reach-post{
padding-bottom: 10px;
}
.reach-post span{
color: #000000;
font-size: 16px;
font-weight: 400;
}
.post-share-main h1{
color: #000000;
font-size: 20px;
font-weight: 700;
}
.like-comment-share h1{
color: #211B24;
font-size: 24px;
font-weight: 600;
}
.switch-view{
font-size: 16px;
font-weight: 400;
color: #211B24;
margin-left: 10px;
}
.icon-view{
display: flex;
}
.switch-item-view{
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
}

.logo-head{
  height: 48px;
}
.bell-image-logo{
  justify-content: space-between;
}
/* Responsive */
@media only screen and (max-width:479px){
.bell-image-logo {
  justify-content: center !important;
}
}
@media only screen and (min-width:200px) and (max-width:992.9px) { 
  .left-section{
      height: max-content;
      position: relative;
  }
 
  .slider{
      width: auto ;
  }

  
}
@media only screen and (min-width:200px) and (max-width:567px) { 
  /* .bell-image-logo{
    
      justify-content: space-between !important;
  } */
  img#company-image{
      height: 50px !important;
      width: 50px !important;
      display: flex;
      justify-content: center !important;
      text-align: center !important;
      align-items: center !important;
      /* border: 1px solid red; */
      border-radius: 50%;
      /* margin: 0px !important; */
  }
  #profilePic{
      height: 40px !important;
      width: 40px !important;
  }
  .small-img{
    flex-wrap: wrap;
    gap: 5px;
      align-items: center;
  }
  .logo-head{
    height: 32px;
    margin-top: 6px;
  }
}


/* activate paln */
.plan-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.buy-page{
background-color: #F648C3;
color: white;
border: 1px solid #F648C3;
padding: 10px;
border-radius: 7px;
}
.plan-header .status {
  font-weight: bold;
  color: #28a745;
}
.over-progress .btn-link{
text-decoration: none;
}
.custom-bar{
background-color: #F648C3 !important;
color: grey;
}
.card {
  margin-top: 20px;
}
textarea::placeholder{
  font-weight: 500;
  color: black;
}

.progress-bar {
  background-color: #ffc107;
}

.credits-text {
  font-weight: bold;
}

.buy-more-credits {
  padding: 10px;
  background-color: #f8f9fa;
}

.payment-method {
  padding: 10px !important;
  background-color: #f8f9fa;
}
.details-plan{
  display: flex;
  justify-content: space-between;
}
.update{
border:1px solid #F648C3 !important;
color: #F648C3 !important;
background-color: white;
padding: 6px 8px 6px 8px !important;
border-radius: 7px;
margin-top: 9px;
margin-bottom: 9px;
}
@media only screen and (min-width:576px) and (max-width:640px) { 
  .payment-method{
    display:block !important;
  }
}
.payment-method{
display: flex;
justify-content: space-between;
}

.buyCredits {
font-weight: 500;
}
.custom-badge{
font-size: 15px !important;
line-height: unset !important;
}
.subscribe-new{
  background-color: #F648C3;
  color: white;
  border: 1px solid #F648C3;
  border-radius: 8px;
  padding: 10px 20px;
  margin-left: 10px;
}

@media only screen and (min-width:200px) and (max-width:567px) { 
.vendor-all-button .vendor-button {
  margin-left: 5px;
}
.vendor-all-button{
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 0px;
  padding-left: 0px;
}
.vendor-button {
  margin-top: 7px;
}
.long-text{
  margin-bottom: 10px;
}

}

/* ************settings media query *********************/


@media only screen and (min-width:200px) and (max-width:767px){
.settings-container{
    flex-direction: column !important;
}
.settings-container .left-column{
    width: 100% !important;
}
.settings-container .settings-tab{
    width: 100% !important;
}
}
@media only screen and (min-width:200px) and (max-width:567px) { 
.create-btn-new{
  flex-direction: column;
  gap: 10px;
}
.btn-campaign{
  font-size: 18px;
}
form .btn-camp {
  margin-right: 0px;
}
.main-container h1 {
  font-size: 25px;

}
.new-head-add{
  font-size: 17px !important;
  font-weight: 700 !important;
}

}
@media only screen and (min-width:200px) and (max-width:567px) { 
  .settings-container .settings-tab{
    padding-top: 5px !important;
  }
  .noti-content-heading {
    font-size: 18px;
  }
  .form-body .submit-form {
    padding: 12px 50px 12px 50px;
    margin-top: 40px;
  }
  .first{
    flex-wrap: wrap;
    gap:0!important;
  }
}
@media only screen and (max-width:320px){ 
  .profilesave {
    font-size: 13px !important;
  }
}

@media only screen and (max-width:320px){ 
  .vendor-edit-save-btn{
    display: flex;
  }
  .vendor-edit-save-btn .vendor-profile-btn {
    margin-right: 13px;
  }
  .social-new{
    font-size: 22px !important;
  }
}

@media only screen and (min-width:200px) and (max-width:567px) { 
  .payment-method{
    flex-direction: column;
  }
  .buy-more{
    flex-direction: column;
  }
  .active-new{
    display: flex;
    text-align: center;
    align-items: center;
  }
  .plan-header{
    flex-direction: column;
  }
  .plan-act{
    justify-content: space-between;
  }
  .bil-new{
    text-align: center;
    margin-top: 10px;
    display: flex;
    flex-direction: column;

  }
  .subscribe-new{
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media only screen and (min-width:200px) and (max-width:576px) { 
  .table>:not(caption)>*>* {
    padding: .5rem .5rem !important;
}
.all-search-container .form-control {
  width: 204px !important;
}
.content-btn{
  flex-direction: column;
}

.new-filter-down{
  top: 100% !important;
  left:0 !important;
}
.input-group .btn{
  z-index:unset !important;
}
/* .custom-btn-link{
  margin-top: 3px !important;
  margin-bottom: 3px !important;
} */
}

@media only screen and (min-width:200px) and (max-width:565px) { 
  .search-sub{
    flex-direction: column;
  }
}
@media only screen and (min-width:200px) and (max-width:567px) { 
.insight-search{
  flex-direction: column;
}
  /* .listing .listing-text p{
    overflow-x: hidden;
    overflow-y: auto;
    height: 24px;
    max-width: 156px;
    word-break: break-all;
    padding: 5px;
  } */

}
@media only screen and (min-width:200px) and (max-width:360px) { 
  /* .listing .listing-text p{
    overflow-x: hidden;
    overflow-y: auto;
    height: 24px;
    max-width: 156px;
    word-break: break-all;
    padding: 5px;
  } */
}
@media only screen and (min-width:480px) and (max-width:576px) { 
  .listing .listing-text p{
    max-width: 353px;
    word-break: break-all;
    padding: 5px;
  }

}
@media only screen and (min-width:576px) and (max-width:840px) { 
  .long-text{
margin-bottom: 10px;
  }
}

/* resp */
.small-box-text p{
  max-height: 90px;
  padding: 5px;
  overflow-x: hidden;
  word-break: break-all;
}
.small-box{
  word-break: break-all;
}
.all-search-container .btn{
  z-index: 0 !important;
}
.input-box{
  flex-wrap: nowrap !important;
}

.time-calendar{
  display: flex;
  justify-content: flex-end;
}
.content-btn{
  display: flex;
  justify-content: space-between;
}

@media only screen and (min-width:567px) and (max-width:641px) {
  .content-btn{
    display: flex;
    flex-direction: column;
  }
  /* #filterDropdown{
    top: 99% !important;
    left: 67% !important;
  } */
}
@media only screen and (min-width: 768px) and (max-width: 991.9px) {
  /* #filterDropdown{
    top: 76% !important;
    left: 76% !important;
  } */
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* #filterDropdown{
    top: 75% !important;
    left: 82% !important;
  } */
}
@media only screen and (min-width:200px) and (max-width:567px) { 
  .time-calendar{
    display: flex;
    justify-content: center;
  }

}
@media only screen and (min-width:200px) and (max-width:567px) { 
  .progress-container{
    justify-content: center;
  }
}
@media only screen and (min-width:200px) and (max-width:567px) { 
  .view-vendor-all-button .view-vendor-button{
    margin-left: 0px;
    margin-top: 10px;
  }
  .view-vendor-all-button{
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (min-width: 992px)  and (max-width:992.9px){
  .clear{
    padding: 8px 17px 7px 17px !important;
  }
}
@media only screen and (max-width:360px){
.view-small-img{
  flex-direction: column;
}
}
@media only screen and (min-width:200px) and (max-width:567px) { 
  .subscribe-head .title{
    font-size: 42px;
  }
}
/* .modal-header .btn-close{
  margin-top: -90px !important;
} */
@media only screen and (min-width:200px) and (max-width:840px) { 
  .profile-complete{
    text-align: center;
  }
  .small-text{
    margin-bottom: 10px;
  }
}
@media only screen and (min-width:992px){ 
  /* .profile-complete{
    text-align: center;
  } */
  .small-text{
    margin-bottom: 10px;
  }
}


.clear{
  color: white !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    border: none !important;
    background: #F648C3 !important;
    padding: 8px 19px 7px 19px;
}
.table{
  white-space: nowrap;
}
@media only screen and (max-width:360px){
  .modal-logout{
    padding: 0px !important;
  }
}
.modal.show body{
  overflow: hidden !important;
}
.input-group input {
  /* width: 100% !important; */
  padding-right: 40px;
}

.accordion-button::after{
  margin-bottom: auto !important;
}
.edit-form-part{
  word-break: break-all !important;
}
@media only screen and (min-width:568px) and (max-width:767px) { 
  .sign-page .form-body{
    padding-left: 0px !important;
    padding-right: 0px;
  }
}
/* 
@media only screen and (min-width:200px) and (max-width:567px) { 
  .profile-container h2{
    word-break: break-all;
    width: 20px;
  }
} */
.profile-container h2{
width: 135px;
/* height: 20px; */
word-break: break-all;
/* overflow-x: hidden;
overflow-y: auto; */
}
@media only screen and (min-width:200px) and (max-width:576px) { 
.name-container h2{
  word-break: break-all;
  padding-left: 10px;
  padding-right: 10px;
}
.name-container p{
  display: flex;
  justify-content: center;
}
}

@media only screen and (min-width:200px) and (max-width:767px) { 
  form .form-text{
    font-size: 12px !important;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width:200px) and (max-width:576px) { 
  .vendor-edit-new-img h2{
    padding-top: 0px;
  }
  .progress-container {
    justify-content: center;
    flex-direction: column-reverse;
      display: flex;
      align-items: center;
      margin-top: 30px;
      gap: 0px !important;
}
.add-merge span{
  margin-left: 12px !important;
}
.progress-circle{
  margin-right: 0px !important;
  margin-bottom: 10px !important;
}
.for-pad{
  padding-top: 0px !important;
}
.edit-new-img h2{
  padding-top: 0px !important;
}
}
@media only screen and (min-width:200px) and (max-width:479px) { 
  .listing {
    display: flex;
    flex-direction: column;
  }
  .listing img{
      height: 43px;
      width: fit-content;
  }
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
}

@media only screen and (min-width:200px) and (max-width:1024px) { 
  .subscribe-page{
    height: max-content !important;
  }
}

body{
  overflow-y: auto !important;
}