.elementor-10374 .elementor-element.elementor-element-209b9f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-ad5a1a9{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-efaab11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--background-transition:0.3s;--margin-top:1rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-10374 .elementor-element.elementor-element-92c98ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-0f10f09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--background-transition:0.3s;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-0f10f09, .elementor-10374 .elementor-element.elementor-element-0f10f09::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-374931d{--display:flex;--gap:10px 10px;--background-transition:0.3s;--border-radius:21px 21px 21px 21px;box-shadow:0px 3px 9px 0px rgba(0, 0, 0, 0.24);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-10374 .elementor-element.elementor-element-374931d:not(.elementor-motion-effects-element-type-background), .elementor-10374 .elementor-element.elementor-element-374931d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEDF3;}.elementor-10374 .elementor-element.elementor-element-374931d, .elementor-10374 .elementor-element.elementor-element-374931d::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-2e48502{text-align:center;}.elementor-10374 .elementor-element.elementor-element-2e48502 .elementor-heading-title{color:#2535AC;font-family:"Dana", Sans-serif;font-size:17px;font-weight:700;}.elementor-10374 .elementor-element.elementor-element-2e48502 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-10374 .elementor-element.elementor-element-38adb04{--display:flex;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-38adb04:not(.elementor-motion-effects-element-type-background), .elementor-10374 .elementor-element.elementor-element-38adb04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10374 .elementor-element.elementor-element-38adb04, .elementor-10374 .elementor-element.elementor-element-38adb04::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-d258c98{text-align:center;}.elementor-10374 .elementor-element.elementor-element-d258c98 .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10374 .elementor-element.elementor-element-d258c98 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10374 .elementor-element.elementor-element-65b88b1{--display:flex;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-65b88b1:not(.elementor-motion-effects-element-type-background), .elementor-10374 .elementor-element.elementor-element-65b88b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10374 .elementor-element.elementor-element-65b88b1, .elementor-10374 .elementor-element.elementor-element-65b88b1::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-e909f2b{text-align:center;}.elementor-10374 .elementor-element.elementor-element-e909f2b .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10374 .elementor-element.elementor-element-e909f2b > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10374 .elementor-element.elementor-element-59f25da{--display:flex;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-59f25da:not(.elementor-motion-effects-element-type-background), .elementor-10374 .elementor-element.elementor-element-59f25da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10374 .elementor-element.elementor-element-59f25da, .elementor-10374 .elementor-element.elementor-element-59f25da::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-9a5c2a5{text-align:center;}.elementor-10374 .elementor-element.elementor-element-9a5c2a5 .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10374 .elementor-element.elementor-element-9a5c2a5 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10374 .elementor-element.elementor-element-0a392f9{--display:flex;--background-transition:0.3s;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-0a392f9:not(.elementor-motion-effects-element-type-background), .elementor-10374 .elementor-element.elementor-element-0a392f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10374 .elementor-element.elementor-element-0a392f9, .elementor-10374 .elementor-element.elementor-element-0a392f9::before{--border-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-012f712{text-align:center;}.elementor-10374 .elementor-element.elementor-element-012f712 .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10374 .elementor-element.elementor-element-012f712 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10374 .elementor-element.elementor-element-7b0b7ee img{border-radius:15px 15px 15px 15px;}.elementor-10374 .elementor-element.elementor-element-2a3893d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10374 .elementor-element.elementor-element-58a5f46{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10374 .elementor-element.elementor-element-92c98ef{--width:80%;}.elementor-10374 .elementor-element.elementor-element-0f10f09{--width:20%;}}@media(max-width:1024px){.elementor-10374 .elementor-element.elementor-element-209b9f7{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}}@media(max-width:767px){.elementor-10374 .elementor-element.elementor-element-209b9f7{--margin-top:0rem;--margin-bottom:6rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-10374 .elementor-element.elementor-element-92c98ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10374 .elementor-element.elementor-element-d4aba95 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10374 .elementor-element.elementor-element-0f10f09{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}}/* Start custom CSS for shortcode, class: .elementor-element-a5e1a18 */.elementor-10374 .elementor-element.elementor-element-a5e1a18 a{
    color: #000 !important;
}
.elementor-10374 .elementor-element.elementor-element-a5e1a18 span{
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-209b9f7 */.elementor-10374 .elementor-element.elementor-element-209b9f7 .elementor-widget-shortcode , .elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items{
    width: 100%;
}

.elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-page .fbc-wrap .fbc-items {
    background: transparent;
    padding:  0 0.5rem;
    border-radius: 15px;
}

.elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items li {
    padding: 0.5rem 0.325rem;
    padding-top: 0.625rem;
    font-family: "Dana";
    font-weight: 300;
    font-size: 14px;
    color: #fff;
}

.elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items li.active span {
    font-weight: 300;
    font-size: 14px !important;
    color: #fff;
}

@media screen and (max-width:830px){
    .elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items li {

    font-size: 12px
}

.elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items li.active span {

    font-size: 12px !important
}
}

@media screen and (max-width:576px){
    .elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-items li {
    padding: 0.2rem 0.3rem; 
    }
    .elementor-10374 .elementor-element.elementor-element-209b9f7 .fbc-page .fbc-wrap .fbc-items{
        padding:0.625rem;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d4aba95 *//* استایل دکمه های بالا*/
.novin-qr-type-.elementor-10374 .elementor-element.elementor-element-d4aba95 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  padding: 15px !important;
}

.novin-qr-type-btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #fff !important;
  border: 2px solid #e5e5f7 !important;
  color: #444 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

.novin-qr-type-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #7043f2 !important;
  transition: stroke 0.25s ease !important;
}

.novin-qr-type-btn:hover {
  border-color: #7043f2 !important;
  color: #7043f2 !important;
  box-shadow: 0 4px 10px rgba(112, 67, 242, 0.15) !important;
  transform: translateY(-2px) !important;
}

.novin-qr-type-btn.active {
  background: linear-gradient(135deg, #7043f2, #8e63ff) !important;
  color: #fff !important;
  border-color: transparent !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(112, 67, 242, 0.35) !important;
  font-weight: 600 !important;
}

.novin-qr-type-btn.active svg {
  stroke: #fff !important;
}

.novin-qr-type-btn:active {
  transform: scale(0.97) !important;
}





/*بخش پایین*/

/* ⚙️ بخش تنظیمات QR */
.novin-qr-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: space-between !important;
  background: #fff !important;
  border: 1px solid #e8e8f5 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* 🧩 گروه هر ورودی */
.novin-input-group {
  flex: 1 1 250px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* 🏷️ لیبل‌ها */
.novin-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #333 !important;
  margin-bottom: 4px !important;
}

/* 🎚️ گروه رِنج (اسلایدر اندازه QR) */
.novin-range-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* 🔘 اسلایدر */
.novin-range {
  flex: 1 !important;
  appearance: none !important;
  height: 6px !important;
  background: #ddd !important;
  border-radius: 6px !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

.novin-range::-webkit-slider-thumb {
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #7043f2 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.novin-range::-webkit-slider-thumb:hover {
  transform: scale(1.1) !important;
}

/* 📏 مقدار نمایش اندازه */
.novin-range-value {
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #7043f2 !important;
  min-width: 50px !important;
  text-align: center !important;
}

/* 🎨 گروه پیکر رنگ */
.novin-color-picker-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #fafafa !important;
  border: 1px solid #eee !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  transition: all 0.2s ease !important;
}

.novin-color-picker-group:hover {
  border-color: #7043f2 !important;
  box-shadow: 0 2px 8px rgba(112, 67, 242, 0.15) !important;
}

/* 🎨 ورودی انتخاب رنگ */
.novin-color-picker {
  width: 40px !important;
  height: 40px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  background: none !important;
  padding: 0 !important;
}

/* 🖊️ متن کنار انتخاب رنگ */
.novin-color-picker-group span {
  font-size: 13px !important;
  color: #555 !important;
}
/* 🎯 دکمه اصلی تولید QR */
.novin-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  border: none !important;
  transition: all 0.25s ease !important;
  user-select: none !important;
}

/* 💜 دکمه اصلی (پررنگ) */
.novin-btn-primary {
  background: linear-gradient(135deg, #7043f2, #8e63ff) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(112, 67, 242, 0.3) !important;
}

.novin-btn-primary:hover {
  background: linear-gradient(135deg, #8053ff, #9f73ff) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(112, 67, 242, 0.35) !important;
}

.novin-btn-primary:active {
  transform: scale(0.97) !important;
}


/*فرم متن*/

.novin-qr-form {
  display: none !important;
  background: #fff !important;
  border: 1px solid #e8e8f5 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
  margin-bottom: 30px;
}

/* فقط فرم فعال نمایش داده شود */
.novin-qr-form.active {
  display: block !important;
}

/* 🧩 گروه ورودی داخل فرم */
.novin-qr-form .novin-input-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* 🏷️ لیبل */
.novin-qr-form .novin-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #333 !important;
}

/* ✍️ تکست‌اریا */
.novin-textarea {
  width: 100% !important;
  min-height: 120px !important;
  resize: vertical !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 2px solid #e5e5f7 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: #333 !important;
  background: #fafafa !important;
  outline: none !important;
  transition: all 0.25s ease !important;
}

/* ✨ افکت فوکوس */
.novin-textarea:focus {
  border-color: #7043f2 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(112, 67, 242, 0.15) !important;
}

/* 🖊️ متن Placeholder */
.novin-textarea::placeholder {
  color: #aaa !important;
  font-size: 13px !important;
}




.novin-input {
    width: 100% !important;
    resize: vertical !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    border: 2px solid #e5e5f7 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    color: #333 !important;
    background: #fafafa !important;
    outline: none !important;
    transition: all 0.25s 
ease !important;
}
@media (max-width: 768px) {
    .novin-tool-container {
        padding: 10px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Thin.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Light.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Light.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Regular.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Medium.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-DemiBold.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-DemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Bold.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-ExtraBold.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Black.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-Black.woff') format('woff');
}
@font-face {
	font-family: 'Dana';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-ExtraBlack.woff2') format('woff2'),
		url('http://novindevs.com/wp-content/uploads/2023/09/DanaFaNum-ExtraBlack.woff') format('woff');
}
/* End Custom Fonts CSS */