@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&display=swap');

:root{
  --primary:#b2df20;
  --secondary:#1d1a9b;
  --white-color:#fff;
  --black-color:#030e12;
  --gray:#eee;
  --bg-color:#f6f7f9;
  --bs-body-bg:#f8f8fb;
  --bs-body-font-family: 'Poppins', sans-serif;
  --bs-body-font-size:14px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; }
}

h1, h2, h3, h4, h5, h6{font-family: "Poppins", sans-serif;margin-bottom:0;font-size:16px;line-height:20px}
a{color:#222;text-decoration:none;}
a:hover{text-decoration:none;color:inherit}
p{margin-bottom:0;font-size:16px;line-height:22px}
ul{margin:0;padding:0;}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before { background-color:var(--primary); }
button { background: transparent; border: none; cursor: pointer; }
.form-control:focus { border:1px solid var(--secondary)!important; box-shadow:none; }
.required-field::after { content: "*"; color: red;margin-left:3px;}

/* section-heading */
.sd-section-heading { border-bottom: 1px solid var(--gray); padding-bottom: 20px; margin-bottom: 20px; }
.sd-section-heading h2 { font-size: 20px; }

/* .sd-content-wrapper { height: 100vh; } */

.content-box-wrap{ background: var(--white-color); padding: 30px 20px 20px 20px; border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); border: 1px solid var(--gray); }

.sd-content-wrapper .page-item.active .page-link {
    background-color:var(--secondary);
    border-color: var(--secondary);
}

/* count-box-content */
.count-box-content { background: #fff; padding: 20px; border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); border: 1px solid var(--gray); }
.count-box-wrap { background: #f8fcfe; padding: 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 15px; border: 1px solid var(--gray); }
.count-box-body h3 { font-size: 30px; color: var(--secondary); margin-bottom:10px; font-weight: 700; }
.count-box-body p { font-size: 14px; color:#666; }
.count-box-wrap i { font-size: 23px; background: var(--primary); padding:6px 12px; border-radius: 35px 0 35px 35px; color: var(--white-color); }

/* chart  */
.chart-box-wrap { background: var(--white-color); border-radius: 15px; padding: 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); border: 1px solid var(--gray); }
.linechart #linechart { min-height: 340px; }
.polar-chart #polar{ min-height: 340px; min-width: 100%; }

/* account-step-setting */
.step-prograss-wrap { background: var(--white-color); padding: 30px 20px 20px 20px; border-radius: 15px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); border: 1px solid var(--gray); }
.step-prograss-wrap .row, .step-prograss-wrap .col-12 { padding: 0; }
.step-prograss-line { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
.step-prograss-line-btn { transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; position: relative; padding-top: 20px; color: rgba(108, 117, 125, 0.7); text-indent: -9999px; border: none; background-color: transparent; outline: none !important; cursor: pointer; line-height: 40px; font-size: 16px; text-align: center; }
.step-prograss-line-btn { text-indent: 0; }
.step-prograss-line-btn:before { position: absolute; top: 0; left: 50%; display: block; width:20px; height:20px; content: ""; transform: translateX(-50%); transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: 2px solid currentColor; border-radius: 50%; background-color: #fff; box-sizing: border-box; z-index: 3; }
.step-prograss-line-btn:after { position: absolute; top:10px; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ""; background-color: currentColor; z-index: 1; }
.step-prograss-line-btn:first-child:after { display: none; }
.step-prograss-line-btn.js-active { color:var(--secondary); }
.step-prograss-line-btn.js-active:before { transform: translateX(-50%) scale(1.2); background-color: currentColor; }
.step-prograss-view-wrap { position: relative; margin-top: 30px; }
.step-prograss-view.js-active { opacity: 1; }
.step-view-body { border: 1px solid var(--gray); border-radius: 15px; padding:30px 20px; }
.seller-regi-frmFill{ margin: 0px 0; }
.seller-regi-frmFill .input[type='text']{text-align:right;}
.seller-regi-frmFill .form-group {margin-bottom: 20px; display: flex; margin-bottom: 30px; font-size: 14px; -webkit-transition: margin-bottom 0s .2s; transition: margin-bottom 0s .2s; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.form-group .form-group-field {width:100%;}
.seller-regi-frmFill label {display: block; font-size: 14px; font-weight: 600; width: 200px; justify-content: flex-end; display: flex; align-items: center; min-height: 42px; margin-right: 16px; line-height: 16px; text-align: end; }
.seller-regi-frmFill textarea.form-control{ font-size: 14px; }
.seller-regi-frmFill .inputGroup .col-6{padding-left: 0!important;}

/* .seller-regi-frmFill label span {
color: red;
} */

.step-view-body-wrapper .select2-container .select2-selection--single { height: 42px; border: 1px solid #ced4da; }
.step-view-body-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.step-view-body-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; }
.step-view-body-wrapper .select2-container--default .select2-selection--single .select2-selection__clear { height: 42px; }
.seller-regi-frmFill .input-row { gap: 10px; position: relative; }
.seller-regi-frmFill .input-row .name-from{ padding: 8px 12px; background-color: #fff; border: 1px solid #ddd; width: 100%; border-radius: 5px; font-size: 14px; }
.seller-regi-frmFill .input-row select{ padding:10px 12px; font-size: 13px; background-color: #fff; border: 1px solid #ddd; width: 100%; color: #636363; border-radius: 5px; }
.seller-regi-frmFill .email-from{ padding: 10px; font-size: 14px; border-radius: 4px; width: 56%; }
.number-from .input-group { width: 56%; }
.seller-regi-frmFill .char-count { font-size: 12px; color: #888; position: absolute; right: 10px; top: 12px; }
.seller-regi-frmFill .inputGroup label{ width: 265px; }
.address-add-btn .add-btn { background-color: #fff; border: 1px solid #ddd; padding: 8px 10px; cursor: pointer; font-size: 14px; border-radius: 4px; }
.address-add-btn textarea { font-size: 14px; color: #535353; border: 1px dashed var(--secondary); }

 /* .address-add-btn #toggleButton {
	position: relative;
	z-index: 1;
  } */


.address-add-btn #myTextarea { height: 100px; padding: 10px; width: 100%; margin: 10px 0; font-size: 14px; color: #535353; border: 1px dashed var(--secondary); }

  
/* .seller-regi-frmFill .add-btn:hover {
border-color: #bbb;
} */

.seller-regi-frmFill .verification { display: flex; gap: 10px; margin-top: 5px; }
.verification .verify-btn{ padding: 8px 9px; font-size: 12px; display: inline-block; line-height: 14px; height: 37px; width: 25%; }
.seller-regi-frmFill .verify-btn, .resend-btn, .send-btn { font-size: 13px; padding: 8px 12px; background-color: #fff; border: 1px solid #ff8f8f; border-radius: 4px; color: #989898; }
.seller-regi-frmFill .resend-btn, .send-btn{ color: #fe6060; }
.seller-regi-frmFill .verify-btn:hover, .resend-btn:hover, .send-btn:hover { border-color: #bbb; }
.seller-regi-frmFill .error-msg { font-size: 12px; color: red; margin-top: 5px; }
.seller-regi-frmFill .hint { font-size: 12px; color: #666; margin-top: 5px; }
.seller-regi-frmFill .hint a { color: #007bff; text-decoration: none; }
.seller-regi-frmFill .hint a:hover { text-decoration: underline; }
.seller-regi-frmFill .form-actions { display: flex; justify-content: space-between; margin-top: 20px; }
.form-group-field .input-group .form-control{ font-size: 14px; }
.seller-regi-frmFill .save-btn, .next-btn { font-size: 14px; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }
.seller-regi-frmFill .save-btn { background-color: #fff; border: 1px solid #ddd; }
.seller-regi-frmFill .next-btn { background-color: #ff5722; color: #fff; }
.seller-regi-frmFill .next-btn:hover { background-color: #e64a19; }
.st-next-prev-btn { display: flex; justify-content: end; gap: 10px; margin-top: 20px; }
.st-next-prev-btn button { background: var(--primary); font-size: 14px; border-radius: 5px; padding: 5px 15px; color: var(--secondary); }
.st-next-prev-btn a { background: var(--primary); font-size: 14px; border-radius: 5px; padding: 5px 15px; color: var(--secondary); }
.st-next-prev-btn .js-btn-next i{ margin-left:5px; }
.st-next-prev-btn .js-btn-prev i{ margin-right:5px; }

/* Identity Verification CSS */
.identity-verification-box{ margin-bottom: 20px; }
.identity-verification-box .identity-veri-instractionBox { display: flex; align-items: center; padding: 12px 10px; }
.identity-verification-box .identity-veri-instractionBox p{ font-size: 14px; line-height: 22px; width: 100%; }
.identity-verification-box .veri-instrac1{ background: #fcde6736; box-shadow: 0 16px 10px -20px rgba(0,0,0,0.45) inset, 0 -0px 10px -20px rgba(0,0,0,0.45) inset; }
.identity-verification-box .identity-veri-instractionBox i{ color: var(--bg-color); background:#daae00; border-radius: 50px; width: 18px; height: 18px; line-height: 18px; font-size: 11px; text-align: center; margin-right: 8px; }
.seller-type-area{ display: block;}
.seller-veri-cmnBg{
	margin-bottom: 20px;
	position: relative;
	/* background: #f4f4f4; */
	/* border-bottom: 1px solid #f4f4f4; */
	/* padding: 20px;
	border-radius: 5px; */
}
.seller-veri-cmnBg label > span{ color: red; }
.seller-veri-cmnBg h5{ font-size: 14px; line-height: 24px; margin-bottom: 5px; font-weight: 600; color: #323232; }
.seller-veri-cmnBg label{ font-size: 14px; line-height: 24px; margin-bottom: 5px; font-weight: 600; color: #323232; }
.seller-type-area .custom-radio-flex{ display: flex; gap: 10px; }
.seller-type-area .custom-radio .form-check{ padding-left: 0; margin-bottom: 0; }

/* .seller-type-area .custom-radio{
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
	margin-bottom: 8px;
} */
/* .seller-type-area .custom-radio:last-child{
	border-bottom: unset;
	padding-bottom: unset;
	margin-bottom: unset;
} */

.seller-type-area .custom-radio .form-check-input { width: 16px; height: 16px; margin: 4px 10px 0 0; border: 1px solid var(--secondary); padding-left: 0; line-height: 16px; }
.seller-type-area .custom-radio .form-check-input:focus{ box-shadow: unset; }
.seller-type-area .custom-radio .form-check-input:checked{ background-color: var(--secondary); border-color: var(--secondary); }
.seller-type-area .custom-checkbox .form-check-input{ width: 12px; height: 12px; margin-top: 8px; border: 1px solid var(--secondary); }
.seller-type-area .custom-checkbox .form-check-input:focus{ box-shadow: unset; }
.seller-type-area .custom-checkbox .form-check-input:checked{ background-color: var(--secondary); border-color: var(--secondary); }
.seller-type-area .form-check-label  { font-size: 14px; line-height: 24px; color: #222; font-weight: normal; }
.others-method-area { display: flex; justify-content: space-between; align-items: center; }
.others-method-area p{ font-size: 15px; line-height: 25px; color: #3f3f3f; }
.others-method-area .colorText{ color: var(--secondary); }
.others-method-area .colorText > i{ color: var(--secondary); }
.others-method-area i{ font-size: 16px; color: #aaa; padding-left: 1px; line-height: 26px; }
.others-method-area span{ font-size: 14px; line-height: 24px; color: #939393; }
.step-view-body-wrapper .submit-page-area{ margin-bottom: 15px; /* padding-bottom: 15px; border-bottom: 1px solid var(--gray); */ }
.step-view-body-wrapper .submit-page-area:last-child{ border-bottom: unset; }
.step-view-body-wrapper .submit-page-topItem{ display: flex; gap: 10px; align-items: center; /* justify-content: center; */ width: 100%; margin-bottom: 30px; /* border-radius: 70px 0 0 70px; */ /* background: #51d0ff1f; */ border-bottom: 1px solid #cdcdcd57; padding-bottom: 20px; }
.step-view-body-wrapper .submit-page-topItem img{ width: 85px; border-radius: 50%; height: 85px; object-fit: cover; object-position: center; }
.step-view-body-wrapper .submit-page-topItem h3{ font-size: 24px; font-weight: 600; line-height: 24px; }
.submit-page-area h5 { font-size: 16px; line-height: 26px; font-weight: 600; color: #000; margin-bottom: 2px; }
.submit-page-area p { text-transform: uppercase; font-weight: 400; font-size: 13px; line-height: 23px; color: #323232; }
.others-method-contentBox p{ text-transform: uppercase; }
.others-method-contentBox .form-control{ font-size: 14px; padding: 10px; }
.others-method-contentBox .light-heading{ font-size: 12px; line-height: 24px; color: #808080; margin-bottom: 2px; }
.Upload-file-filledBox{ display: flex; gap: 26px; position: relative; }
.Upload-file-filledBox .formbold-file-input input { opacity: 0; position: absolute; width: 100%; height: 100%; }
.Upload-file-filledBox .formbold-file-input label { position: relative; border: 1px dashed #bdbdbd; border-radius: 5px; padding: 15px 34px; text-align: center; }
.Upload-file-filledBox .formbold-or { font-size: 14px; color: #a9a9a9; display: block; margin-bottom: 8px; }
.Upload-file-filledBox .formbold-browse { font-size: 40px; color: #808080; line-height: 50px; }
.image-input{ text-align: center; }
.image-input input{ display: none; }	
.image-input label{ display: block; padding:40px 20px; cursor: pointer; border: 1px dashed var(--secondary); font-size: 16px; border-radius: 5px; color: var(--secondary); }	
.image-input i{ font-size: 19px; margin-right: 4px; }	
.image-input img{ max-width: 300px; display: none; margin-bottom: 10px; }
.image-input span{ display: none; text-align: center; cursor: pointer; }
.Upload-file-filledBox .upload-img-file img{ width: 110px; margin: 5px 0; }
.Upload-bigFile-img .upload-img-file img{ width: 130px; margin: 5px 0; }
.seller-acc-stepAll-wrapper .groupBtn-seller-regi{ display: flex; justify-content: space-between; }
.groupBtn-seller-regi .btn{ padding: 7px 40px; font-size: 17px; }
.groupBtn-seller-regi .btn-secondary{ border-color: var(--black-color); background: #fff; color: var(--black-color); }
.groupBtn-seller-regi .btn-primary{ background: var(--secondary); border-color: var(--secondary); }
.groupBtn-seller-regi .btn-primary:hover{ background: #fff; color: var(--secondary); transition: 0.3s; }
.groupBtn-seller-regi .btn-secondary:hover{
	background: var(--black-color);
	color: var(--bg-color);
	transition: 0.3s;
}
.btn-submit{
	text-align: center;
}
.btn-submit .btn {
	padding: 10px 34px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	background: var(--primary);
	border: 1px solid var(--primary);
	color: var(--secondary);
  }
  .btn-submit .btn:hover{
	background: var(--secondary);
	border: 1px solid var(--secondary);
	color: #fff;
  }
  .btn-check:focus + .btn-success, .btn-success:focus{
	box-shadow: unset;
  }

/* SellerD Search */
.sellerD-search-dropdown {
    margin: 80px 0;
    background: #f0f0f069;
    padding: 34px;
    border-radius: 24px;
}
  .sellerD-search-dropdown .dropdown-values {
	margin-top: 20px;
  }
.sellerD-search-dropdown .dropdown-values a {
	color: var(--secondary);
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	font-weight: 500;
  }
  .sellerD-search-dropdown .dropdown-values a:hover{
	box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
	transition: 0.3s;
  }
  
.sellerD-search-dropdown .dropdown a:hover {background-color: #ddd;}
  
.sellerD-search-dropdown .show {display: block !important;}

 .sellerD-search-dropdown .searchBox{
	display: block;
	margin: 0 auto;
  }
  
  .sellerD-search-dropdown .searchBox .searchInput{
	margin: 0 auto;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #dfe1e5;
	box-shadow: 0px 2px 8px 0px rgba(60, 64, 67, 0.25);
	border-radius: 24px;
	/* border: 1px solid #D0CFCE;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03); */
	outline: none;
	&:focus{
	  border: 1px solid #bcbcbc;
	  transition: 0.35s ease;
	  color: #000;
	  &::-webkit-input-placeholder{
		transition: opacity 0.45s ease; 
		  opacity: 0;
	   }
	  &::-moz-placeholder {
		transition: opacity 0.45s ease; 
		  opacity: 0;
	   }
	  &:-ms-placeholder {
	   transition: opacity 0.45s ease; 
		 opacity: 0;
	   }    
	 }
   }
   .sellerD-search-dropdown .searchBox .searchbtnSpcl {
		position: relative;
		float: right;
		width: 32px;
		height: 32px;
		top: -40px;
		right: 14px;
		font-size: 15px;
		color: #fff;
		line-height: 32px;
		text-align: center;
		background: var(--secondary);
		border-radius: 50%;
	}
  
   /* .sellerD-search-dropdown .searchBox i {
	position: relative;
	float: right;
	width: 32px;
	height: 32px;
	top: -40px;
	right: 13px;
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	background: var(--secondary);
	border-radius: 50%;
} */
  .sellerD-search-dropdown h5{
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	/* margin-bottom: 20px; */
	color: var(--secondary);
  }

 /* Common Profile Update from CSS */
 .profile-edit-commonPage{
	/* background-color: #f2f2f2; */
 }
 .profile-edit-commonPage h3{
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	margin: 20px 0 30px 0;
	text-align: center;
	/* background: #eee;
  	padding: 10px; */
	/* color: var(--secondary); */
	/* border-bottom: 1px solid #e0e1e1; */
	/* padding-bottom: 10px; */
 }
 .common-update-form{
	/* border-top: 1px solid #dee2e6;
	padding-top: 40px; */
 }
 .common-update-form h5 {
	font-size: 17px;
	line-height: 21px;
	border: 1px solid #e0e1e1;
	padding: 15px 20px;
	border-radius: 10px 10px 0 0;
	font-weight: 600;
}
 .common-update-form .common-update-form-bgBox{
	border: 1px solid #e0e1e1;
	border-top: unset;
	padding: 20px;
  	border-radius: 0 0px 10px 10px;
 }
 .common-profile-updatep{
  /* display: flex; */
  margin-bottom: 25px;
  padding-bottom: 25px;
  /* box-shadow: 0px 15px 10px -15px #11111140; */
  border-bottom: 1px solid #dee2e6;
 }
 .profile-edit-commonPage .common-redioBtn{
	display: flex;
	gap: 10px;
 }
.profile-edit-commonPage .form-control:focus { box-shadow: none; }
.profile-edit-commonPage .labels { font-size: 11px }
.profile-edit-commonPage .border-right { border-right: 1px solid #dee2e6 !important; }
.profile-edit-commonPage .step-prograss-wrap{ padding-top: 0; }
.profile-edit-commonPage .form-control{ font-size: 14px; color: #4d4d4d; border: 1px solid #e0e1e1;}
.profile-edit-commonPage .input-row select { padding: 8px 12px; font-size: 13px; background-color: #fff; border: 1px solid #ddd; width: 100%; color: #464646; border-radius: 5px; }
.profile-edit-commonPage label{ font-size: 14px; color:var(--black-color);font-weight: 500;}
.profile-edit-commonPage .form-check-input:checked{ background-color: var(--secondary); border-color: var(--secondary); }
.profile-edit-commonPage .form-check-input:focus{ box-shadow: unset; }
.profile-edit-commonPage .common-profile-updatep .thumb {
	border: 5px solid #e1e1e1;
	padding: 5px;
	border-radius: 50%;
	margin-right: 15px;
	position: relative;
  }
.profile-edit-commonPage .common-avatar-upload .common-avatar-preview > div { display: block; width: 120px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.profile-edit-commonPage .thumb-edit label { background: var(--primary); width: 40px; height: 40px; color: #fff; border-radius: 50%; padding: 0; position: absolute; top: 0; left: -12px; line-height: 40px;}
.profile-edit-commonPage .common-up-user-title h2 { font-size:18px; font-weight:600;margin-bottom: 4px;}
.profile-edit-commonPage .common-up-user-title span { font-size: 14px; }
.profile-edit-commonPage .common-update-btn{ text-align: end; }
.profile-edit-commonPage .common-update-btn button { background: var(--secondary); color: var(--white-color); margin-top: 20px; font-size:14px; font-weight:500; text-transform: uppercase; border:1px solid transparent;border-radius:0;}
.profile-edit-commonPage .common-update-btn button:hover{ background: var(--primary); color: #000; border-color:var(--primary); }
.profile-edit-commonPage .form-check-label{ color: #4d4d4d!important; }

/* common-form-area */
.common-form-area {
	padding: 20px;
	background: var(--white-color);
	border-radius: 15px;
}
.common-form-area label{
	font-size:16px;
	font-weight:500;
}
.common-form-area .common-input-area input{
	padding:8px 10px;
	border-radius:5px;
}
.common-form-area .common-input-area input::placeholder{
	font-size:13px;
}
.common-form-area .select2-container--default .select2-selection--single {
	border-color:#ced4da;
	border-radius:5px;
}
.select2-container--default .select2-selection--single{
	border: 1px solid #e0e1e1!important;
}
.common-form-area .select2-container .select2-selection--single {
	height: 40px;
}
.common-form-area .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}
.common-form-area .select2-container--default .select2-selection--single .select2-selection__arrow {
	height:40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-left: -10px;
	top: 30%;
	border: none;
}
.common-form-area .select2-container--default .select2-selection--single .select2-selection__arrow b::before{
	content:"\f078";
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	color:#aaa;
}
/* .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before{
	content:"\f077";
} */
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:var(--secondary);
}
.select2-search--dropdown .select2-search__field {
	padding: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-color:var(--secondary); 
	outline: none; 
}

/* common-image-upload-area */
.common-image-upload-area {
	padding: 20px;
	background: var(--white-color);
	border-radius: 15px;
}
.common-image-upload-area h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

.common-image-upload-area .dropzone {
	border: 1px dashed rgba(0,0,0,.3);
	border-radius: 15px;
}
.common-image-upload-area .dropzone.dz-started .dz-message {
	display: inline-block !important;
	width: 120px;
	height: 120px;
	float: right;
	border-radius: 30px;
	margin: 16px;
	transition: 0.2s;
}
.common-image-upload-area .drop-msg.dz-message .drop-text {
	color: #aaa;
}
.common-image-upload-area .drop-msg.dz-message .drop-text i {
	font-size: 50px;
}
.common-image-upload-area .drop-msg.dz-message .drop-text h4{
	font-size:14px;
}
.common-image-upload-area .drop-msg.dz-message .drop-plus i {
	font-size: 35px;
	color: #aaa;
	display: none;
	line-height: 120px;
	border: 1px dashed #aaa;
	border-radius:15px;
}
.common-image-upload-area .drop-msg.dz-message .drop-plus i{
	display: none;
}
.common-image-upload-area .dropzone.dz-started .dz-message .drop-text{
	display: none;
}
.common-image-upload-area .dropzone.dz-started .dz-message .drop-plus i {
	display: block;
}

/* Forgot Password Page */
.st-forgot-pass-wrapper {
	margin: 60px 0;
	/* text-align: center; */
  }
.st-forgot-pass-wrapper .st-logo{
	text-align: center;
}
.st-forgot-pass-wrapper .st-logo img{
	width: 170px;
	margin-bottom: 10px;
}
.st-forgot-pass-cardBox {
    border-radius: 10px;
	padding:40px 30px;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
.st-forgot-pass-cardBox h3{
	font-size: 24px;
	font-weight: 600;
	line-height: 34px;
	margin-bottom: 8px;
	text-align: center;
	color: #222;
}
.st-forgot-pass-cardBox p{
	font-size: 15px;
	line-height: 24px;
	color: #6c757d;
	margin-bottom: 24px;
	text-align: center;
}
.st-verify-email-page{
	text-align: center;

}
.st-verify-email-page p{
	margin-bottom: 0;
}
.st-verify-email-page h5{
	margin-bottom: 20px;
	color: green;
	box-shadow: 0px 12px 10px -15px #bbb;
	padding: 10px 10px;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}
.st-verify-email-page .submitBtn button{
	width: unset;
	padding: 8px 20px;
}
.st-verify-email-page h5 > i{
	color: green;
	margin-right: 2px;
}
.st-verify-email-page h3{
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.st-forgot-pass-cardBox .btn {
    border-radius: 5px;
	background: var(--secondary);
	border: 1px solid var(--secondary);
	color: #fff;
	width: 100%;
  	font-size: 15px;
}
.st-forgot-pass-cardBox .btn:hover{
	color: #000;
}
.st-forgot-pass-cardBox .form-control {
    border-radius: 5px;
    box-shadow: none;
	font-size: 16px;
	padding: 7px;
	border: 1px solid rgb(226, 226, 226);
}
.st-forgot-pass-cardBox input::placeholder{
	font-size: 14px;
}
input:focus-visible {
	border-color: var(--secondary);
	outline: unset;
  }

.st-forgot-pass-cardBox .form-label {
    font-size: 15px;

}
.st-forgot-pass-cardBox span{
	color: #6c757d;
	font-size: 13px;
	/* text-align: center; */
}

/* Reset Password */
.st-forgot-pass-cardBox span:hover {
    text-decoration: underline;
}
.st-forgot-pass-cardBox a{
	color: var(--secondary);
}
.st-reset-pass .input-field:first-child{
	margin-bottom: 10px;
  }
.st-reset-pass label {
	font-size: 14px;
	margin-bottom: 5px;
}
.st-reset-pass input {
	width: 100%;
	padding: 7px;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #b8b8b8;
}
.submitBtn button {
	margin-top: 30px;
	width: 100%;
	background-color: var(--secondary);
	border: 1px solid var(--secondary);
	color: #fff;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 12px;
  }
  .submitBtn button:hover{
	color: #222;
	transition: 0.5s;
  }

/* Verify Email */
.st-verify-email-icon {
	text-align: center;
	margin-bottom: 15px;
  }
.st-verify-email-page .st-verify-email-icon i{
	font-size: 50px;
	color: green;
}

/* single custom select2 */
.select2-container--default .select2-selection--single {
    border-radius: 0.25rem !important;
    border: 1px solid #ced4da !important;
    padding: 5px;
    height: 40px !important;
    background: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}
.dark .select2-container--default .select2-selection--single span {
    color: #cdcdcd;
}
/* multiple custom select2 */
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #ced4da !important;
    border-radius: 4px;
    cursor: text;
    position: relative;
    padding: 8px 10px !important;
    line-height: 19px !important;
}
.needs-validation .form-control {
    border-radius: 0.25rem;
    padding: 0.48rem 0.75rem;
}
.needs-validation .form-group {
    margin-bottom: 15px;
}
.needs-validation .form-group label span {
    color: red;
}
.ck-editor .ck-editor__main .ck-editor__editable {
    height: 140px !important;

}
.ck-editor .ck-editor__main .ck-editor__editable p{
    font-size: 14px;
	
}
.warranty-setting-wrap > label {
    font-size: 16px;
}
.shipping-content .input-group {
    gap: 20px;
}

.page-header-title h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	margin: 20px 0 30px 0;
    text-align: center;
}
.sticky-pub {
	position: sticky;
	top:15%;
}

/* variant-section */
.variant-appended-section{
    background: #F2F5F7;
    padding: 20px 24px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.variant-appended-section.is-invalid {
    border: 3px red solid;
}

.var-name-head{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

.var-name-title{
    font-size: 14px;
    margin-top: 0px;
}

.variant-error{ 
	background:#fee3e3 !important;
}
.package_weight {
    height: 40px;
}

.upload-images img{
    aspect-ratio: 1.777;
	object-fit: cover;
	object-position:center;
	width:100%;
}
/* .generate-coupon{
    background: #17bcee;
    color: #fff;
    padding: 5px 10px !important;
    font-size: 12px !important;
} */

.add-variant{
    background: #04ac5d;
    color: #fff;
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.add-variant:hover{
    color: #fff;
}
.dark .meta-option-append-section .meta-option-append {
    background: #272727;
}
.meta-option-append-section .meta-option-append {
    padding: 10px 14px;
    margin-bottom: 15px;
    /* border: 2px dotted #a3cdff; */
    background: #fff;
    border-radius: 8px;
}
.append-btn{
    background: #04ac5d;
    color: #fff;
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.append-btn:hover{
    color: #fff;
}
.option-btn {
    color: #206bc4;
    margin-top: 10px;
    padding: 7px 10px;
    font-size: 12px;
    border: 1px solid #206bc4;
}
.option-btn:hover{
    background: #206bc4;
    color: #fff;
    transition: .3s all;
}
.dark .meta-append, .dark .variant-append {
    background: #353636;
}
.meta-append, .variant-append {
    margin-bottom: 25px;
    background: #F2F5F7;
    padding: 15px 21px;
    border-radius: 6px;
}

.price-stock.is-invalid {
    border: 3px solid red;
}

thead.price-stock-head {
    background: #F2F5F7;
    border-right: 1px solid #ced4da;
}
thead.price-stock-head th{
    font-size: 14px;
}
.price-stock thead, .price-stock tbody, .price-stock tfoot, .price-stock tr, .price-stock td, .price-stock th {
    vertical-align: middle;
}
.card-header a {
	background: var(--primary);
	color: var(--black-color);
	font-size: 14px;
}
.card-header-right{
    padding-bottom: 10px;
}
.card-header-right .form-check-input[type="checkbox"]{
    width: 22px;
    height: 22px;
}
.card-header-right .badge{
    font-size: 14px;
    line-height: 19px;
    color: #dc3545 !important;
    background-color: unset !important;
}
.badge-area {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.badge-area .form-check-input[type="checkbox"]{
    width: 22px;
    height: 22px;
}
.badge-area .badge{
    margin-left: 15px;
    font-size: 14px;
    line-height: 19px;
    color: #dc3545 !important;
    background-color: unset !important;
}
.option-area{
    margin-top: 10px;

}
.option-area .badge{
    color: #206BC4 !important;
    background-color: #e2e9f3 !important;
    font-size: 14px;
    line-height: 19px;
    margin-left: 15px;
    border-radius: 5px;
    text-transform: initial;
}
.option-area .form-check-input[type="checkbox"]{
    width: 22px;
    height: 22px;
}
.option-area .form-check-input:checked{
    background-color: #206BC4;
    border: #206BC4;
}
.option-area .accordion-item{
    margin-bottom: 15px;
}
.option-area .accordion-button {
    width: 15px;
    height: 15px;
    padding: 0px;
    border: 1px solid #000;
    border-radius: 0 !important;
    position: relative;
}

.option-area .accordion-collapse{
    border: 0;
}
.option-area .accordion-button::after{
    background-image: none;
}
.option-area .accordion-item .form-check-input{
    border-radius: 4px;
}
.option-area .accordion-header .badge{
    margin-top: 6px;
}
.option-area .accordion-button:not(.collapsed)::after{
    content: '\f068';
    font-family: "Font awesome 6 free";
    font-size: 8px;
    line-height: 19px;
    font-weight: 900;
    position: absolute;
    top: -4px;
    left: 0;
    color: #000;
}
.option-area .accordion-button::after{
 content: '\2b';
    font-family: "Font Awesome 6 free";
    color: #000;
    font-size: 8px;
    line-height: 19px;
    font-weight: 900;
    padding-left: 6px;
    font-weight: 900;
    position: absolute;
    top: -3px;
    left: -6px;
}
.option-area .accordion-item .form-check{
    margin-left: 15px;
}
.form-group .form-label {
    font-weight: 600;
    margin-bottom: 10px;
}
.option-area ul{
    flex-wrap: wrap;
}
.variant-header h5 {
    margin-bottom: 10px;
}
.variant-header p{
    margin-bottom: 10px;
}
.img-selection-row {
    display: flex;
    align-items: center;
    background-color: #ffffff !important;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 15px;
}

.variant-selection-row {
    display: flex;
    align-items: center;
    background-color: #ffffff !important;
    color: #fff;
    border-radius: 6px;
    padding: 14px 0 !important;
    margin-bottom: 15px;
}
.delete-btn {
    background: #de4141;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    text-align: center;
    padding: 0;
}

.delete-btn:hover {
    box-shadow: 0px 0px 5px red;
    transition: .3s all ease;
}
.delete-icon {
    font-size: 19px;
    color: #fff;
    line-height: 24px;
}
.upload-wrap .upload-images{
    position: relative;
}
.delete-gal-img {
    color: #ffdad7;
    font-size: 20px;
    position: absolute;
    top: -9px;
    right: -7px;
    background: #ff4c3b;
    border-radius: 50%;
    transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease;
    transform: scale(0.9) rotate(80deg);
    opacity: 0.9;
}
.delete-gal-img:hover {
    transform: scale(1) rotate(180deg);
    opacity: 1;
    background: #ffdad7;
    color: #ff4c3b;
}
.ord-view-btn {
	padding: 3px 8px;
    font-size: 14px;
	font-weight: 500;
    color: var(--secondary);
	border: 1px solid var(--secondary);
}
.ord-view-btn:hover {
    background: var(--secondary);
    color: var(--white-color);
}
.ord-view-btn i{
	margin-left:5px;
}

.cus-btn {
    color: var(--secondary);
    background: var(--primary);
    border: 1px solid var(--primary);
}
/* list page */
.cut-line-through {
    text-decoration: line-through;
    color: red;
}
.table [class*="bg-"] {
    color: #fff;
}
.create-list-btn{
	background: var(--secondary);
	color: var(--white-color);
	transition: all 0.3s ease;
}
.create-list-btn:hover{
	background: var(--primary);
	color: var(--secondary);
}



/* account access */
.delete-store-acces {
    cursor: pointer;
}

.delete-store-acces:hover {
    opacity: 0.8;
}


/* FOOTER */
.footer {
	background: var(--white-color);
	padding: 15px;
	color: var(--black-color);
	border-top: 1px solid var(--gray);
}
.copyright {
	text-align: center;
}
.copyright p {
	font-weight: 300;
	text-align: center;
	font-size: 14px;
}
.copyright p>a{
	color: var(--black-color);
}


/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	/* Edit Profile CSS */
	.common-update-form .common-update-form-bgBox{
		margin-bottom: 30px;
	}

	/* Account SetUp Page CSS */
	.seller-regi-frmFill .form-group{
		display: block;
		margin-bottom: 30px;
		align-items: flex-start;

	}
	.Upload-file-filledBox{
		display: block;
	}
	.seller-regi-frmFill label{
		display: block;
		font-size: 14px;
		width: 100%;
		line-height: 14px;
		min-height: unset;
		margin-bottom: 8px;
		text-align: start;
	}
	.seller-regi-frmFill .email-from{
		width: 100%;
	}
	.verification .verify-btn{
		width: 60%;
	}
	.seller-regi-frmFill .verify-btn, .resend-btn, .send-btn{
		font-size: 13px;
		padding: 6px 6px;
		text-wrap: nowrap;
	}
	.seller-regi-frmFill .inputGroup .col-6{
		padding-left: 12px!important;

	}
	.step-prograss-wrap .row, .step-prograss-wrap .col-12 {
		padding: 0 7px;
	}
	.price-stock .table tbody td > .form-group {
		width: 160px;
	}	
}

 
/* Extra small Device. */
@media (max-width: 767px) {
	.count-box-wrap {
		margin-bottom: 15px;
	}
	.navbar .navbar-right .navbar-nav li > .dropdown-menu {
		right: -17px;
	}

	/* Edit Profile CSS */
	 .sellerD-search-dropdown h5{
		font-size: 16px;
	 }
	.step-prograss-wrap{
		padding: 20px 2px 20px 2px;
	}
	.step-prograss-wrap.seller-acc-stepAll-wrapper .btn-success{
		font-size: 10px;
	}
	.step-prograss-wrap.seller-acc-stepAll-wrapper .btn-success > i{
		font-size: 10px;
		margin-right: 2px !important;
	}
	.profile-edit-commonPage .common-avatar-upload .common-avatar-preview > div{
		width: 50px;
    	height: 50px;
	}
	.profile-edit-commonPage .thumb-edit label{
		width: 34px;
		height: 34px;
		line-height: 34px;
		left: -8px;
	}
	.common-update-form .common-update-form-bgBox{
		margin-bottom: 30px;
	}
	.profile-edit-commonPage .common-up-user-title h2{
		font-size: 16px;
	}
	.profile-edit-commonPage .common-up-user-title span {
		font-size: 12px;
	  }
	
	/* Seller Search CSS */
	.sellerD-search-dropdown{
		margin: 12px 0;
		padding: 30px 16px;
	}
	

	/* Step Progress bar */
	.step-prograss-line-btn::after{
		top: 6px;
		left: calc(-50% - 12px / 2);
	}
	.step-prograss-line-btn::before{
		width: 14px;
  		height: 14px;
	}
	.step-prograss-line-btn{
		line-height: 18px;
		font-size: 13px;
	}
	.step-prograss-line{
		padding-top: 30px;
	}
	.step-view-body{
		padding: 20px 12px;
	}

	/* Submit Page CSS */
	.step-view-body-wrapper .submit-page-topItem img{
		width: 80px;
		height: 80px;
	}
	.step-view-body-wrapper .submit-page-topItem h3{
		font-size: 20px;
	}

	/* Identity Verification Page CSS */
	.seller-type-area .custom-radio .form-check-input{
		width: 14px;
		height: 14px;
		margin: 4px 5px 0 0;
	}

	/* Account SetUp Page CSS */
	.seller-regi-frmFill .form-group{
		display: block;
		margin-bottom: 30px;
		align-items: flex-start;

	}
	.Upload-file-filledBox{
		display: block;
	}
	.seller-regi-frmFill label{
		display: block;
		font-size: 14px;
		width: 100%;
		line-height: 14px;
		min-height: unset;
		margin-bottom: 8px;
		text-align: start;
	}
	.seller-regi-frmFill .email-from{
		width: 100%;
	}
	.verification .verify-btn{
		width: 60%;
	}
	.seller-regi-frmFill .verify-btn, .resend-btn, .send-btn{
		font-size: 13px;
  		padding: 6px 6px;
		text-wrap: nowrap;
	}
	.seller-regi-frmFill .inputGroup .col-6{
		padding-left: 12px!important;
	}
	.step-prograss-wrap .row, .step-prograss-wrap .col-12 {
	    padding: 0px 7px;
	}
	 .seller-regi-frmFill label{
		width: unset;
		justify-content: unset;
		text-align: unset;
		min-height: unset;
		margin-bottom: 5px;
	 }
	 .seller-regi-frmFill .form-group{
		display: block;         	
	 }
	 .sellerD-search-dropdown .searchBox .searchbtnSpcl {
		width: 28px;
		height: 28px;
	    font-size: 12px;
		line-height: 28px;
	 }
	 .sellerD-search-dropdown .dropdown-values a{
		font-size: 13px;
	 }
	 .sellerD-search-dropdown{
		padding: 30px 8px;
	 }
	.price-stock .table tbody td > .form-group {
		width: 160px;
	}	
	.seller-regi-banner {
		padding: 5px !important;
	}
	.become-seller-top {
		padding: 20px !important;
	}
	.become-seller-login-top {
		margin-top: 20px;
	}
	.become-seller-top h1 {
		font-size: 30px;
		line-height: 1.4;
	}
	.seller-step-selling .col-lg-2{
		width:100% !important;
	}
	.seller-step-selling-contentBox {
		width: 100%;
		margin-bottom: 10px;
	}
	.seller-regi-login-FAQ .faq-list {
		padding:0 !important;
	}
	
}
 
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}