.elementor-10332 .elementor-element.elementor-element-9806652{--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-10332 .elementor-element.elementor-element-fa71720{--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-10332 .elementor-element.elementor-element-7f3bf0e{--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:0px 0px;--background-transition:0.3s;--margin-top:1rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-10332 .elementor-element.elementor-element-1165358{--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-10332 .elementor-element.elementor-element-578ca9c{--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-10332 .elementor-element.elementor-element-578ca9c, .elementor-10332 .elementor-element.elementor-element-578ca9c::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-975342c{--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-10332 .elementor-element.elementor-element-975342c:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-975342c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEDF3;}.elementor-10332 .elementor-element.elementor-element-975342c, .elementor-10332 .elementor-element.elementor-element-975342c::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-820f268{text-align:center;}.elementor-10332 .elementor-element.elementor-element-820f268 .elementor-heading-title{color:#2535AC;font-family:"Dana", Sans-serif;font-size:17px;font-weight:700;}.elementor-10332 .elementor-element.elementor-element-820f268 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-10332 .elementor-element.elementor-element-0d4a783{--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-10332 .elementor-element.elementor-element-0d4a783:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-0d4a783 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10332 .elementor-element.elementor-element-0d4a783, .elementor-10332 .elementor-element.elementor-element-0d4a783::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-93dde83{text-align:center;}.elementor-10332 .elementor-element.elementor-element-93dde83 .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10332 .elementor-element.elementor-element-93dde83 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10332 .elementor-element.elementor-element-86265c3{--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-10332 .elementor-element.elementor-element-86265c3:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-86265c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10332 .elementor-element.elementor-element-86265c3, .elementor-10332 .elementor-element.elementor-element-86265c3::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-016ef22{text-align:center;}.elementor-10332 .elementor-element.elementor-element-016ef22 .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10332 .elementor-element.elementor-element-016ef22 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10332 .elementor-element.elementor-element-2253d34{--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-10332 .elementor-element.elementor-element-2253d34:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-2253d34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10332 .elementor-element.elementor-element-2253d34, .elementor-10332 .elementor-element.elementor-element-2253d34::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-caa505d{text-align:center;}.elementor-10332 .elementor-element.elementor-element-caa505d .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10332 .elementor-element.elementor-element-caa505d > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10332 .elementor-element.elementor-element-2a443d8{--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-10332 .elementor-element.elementor-element-2a443d8:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-2a443d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6E4CF3;}.elementor-10332 .elementor-element.elementor-element-2a443d8, .elementor-10332 .elementor-element.elementor-element-2a443d8::before{--border-transition:0.3s;}.elementor-10332 .elementor-element.elementor-element-9b532ef{text-align:center;}.elementor-10332 .elementor-element.elementor-element-9b532ef .elementor-heading-title{color:var( --e-global-color-5b191c6 );font-family:"Dana", Sans-serif;font-size:14px;font-weight:600;}.elementor-10332 .elementor-element.elementor-element-9b532ef > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10332 .elementor-element.elementor-element-988c605 img{border-radius:15px 15px 15px 15px;}.elementor-10332 .elementor-element.elementor-element-e2ea274{--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-10332 .elementor-element.elementor-element-4050995{--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-10332 .elementor-element.elementor-element-1165358{--width:80%;}.elementor-10332 .elementor-element.elementor-element-578ca9c{--width:20%;}}@media(max-width:1024px){.elementor-10332 .elementor-element.elementor-element-9806652{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}}@media(max-width:767px){.elementor-10332 .elementor-element.elementor-element-9806652{--margin-top:1rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-10332 .elementor-element.elementor-element-1165358{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10332 .elementor-element.elementor-element-578ca9c{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}}/* Start custom CSS for shortcode, class: .elementor-element-1c525af */.elementor-10332 .elementor-element.elementor-element-1c525af a{
    color: #000 !important;
}
.elementor-10332 .elementor-element.elementor-element-1c525af span{
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9806652 */.elementor-10332 .elementor-element.elementor-element-9806652 .elementor-widget-shortcode , .elementor-10332 .elementor-element.elementor-element-9806652 .fbc-items{
    width: 100%;
}

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

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

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

@media screen and (max-width:830px){
    .elementor-10332 .elementor-element.elementor-element-9806652 .fbc-items li {

    font-size: 12px
}

.elementor-10332 .elementor-element.elementor-element-9806652 .fbc-items li.active span {

    font-size: 12px !important
}
}

@media screen and (max-width:576px){
    .elementor-10332 .elementor-element.elementor-element-9806652 .fbc-items li {
    padding: 0.2rem 0.3rem; 
    }
    .elementor-10332 .elementor-element.elementor-element-9806652 .fbc-page .fbc-wrap .fbc-items{
        padding:0.625rem;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a372fd9 *//* استایل دکمه های بالا*/
.novin-qr-type-.elementor-10332 .elementor-element.elementor-element-a372fd9 {
  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-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-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;
    }
}




/* 🧭 بخش کلی تب‌ها */
.novin-ip-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  background: #fff !important;
  border: 1px solid #e8e8f5 !important;
  border-radius: 14px !important;
  padding: 8px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  width: fit-content !important;
  margin: 0 auto 20px auto !important;
  transition: all 0.3s ease !important;
}

/* 🎛️ دکمه‌های تب */
.novin-ip-tab {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* ✳️ آیکن تب */
.novin-ip-tab svg {
  stroke: #7043f2 !important;
  transition: all 0.25s ease !important;
}

/* 🎯 حالت hover */
.novin-ip-tab:hover {
  background: rgba(112, 67, 242, 0.08) !important;
  color: #7043f2 !important;
  transform: translateY(-1px) !important;
}

/* ✅ حالت active */
.novin-ip-tab.active {
  background: linear-gradient(135deg, #7043f2, #8e63ff) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(112, 67, 242, 0.25) !important;
}

.novin-ip-tab.active svg {
  stroke: #fff !important;
}

/* 🖱️ کلیک */
.novin-ip-tab:active {
  transform: scale(0.97) !important;
}/* 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 */