/* --------  v2.1.1  --------- 1402/10/5 ----------*/

@charset "UTF-8";

@font-face {
    font-family: "Vazir-tj";
    font-display: swap;
    src:
        url('fonts/vazir/Vazir.woff2') format('woff2'),
        url('fonts/vazir/Vazir.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
--dir: rtl;
--font-family: "Vazir-tj";
--title-color: #5A0EA3;
--icon-color: #8238B8;
--box-bg-color: #F3E5FF;
--box-bgw-color: #F8F0FF;
--import-box-color:#9A60C6;
--main-text-color: #3E3E3E;
--border-box-color: #D3C6E6;
--import-border-box-color: #F3E5FF;
--link: #6A0DAD;
--link-hover: #8238B8;
--link-visited: #B5651D;
--border-r: 12px;
--box-padding: 10px;
--icon-size: 1.4rem;
--error-border-color: red;
}

*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  direction: var(--dir);
}
*:not(i):not(.i):not(i *):not(.i *) {
  font-family: var(--font-family);
}

 h1,h2,h3,h4,h5,h6{
 color:var(--title-color);
 font-weight:bold;
 }
 p{
 color:var(--main-text-color);
 }
 .main-box{
 background-color:var(--box-bg-color);
 color:var(--main-text-color);
 border-radius:var(--border-r);
 padding:var(--box-padding);
 }
 .fo-tj{
 font-family:"Vazir-tj", "IranSans-tj" !important;
 }
.fovazir-tj{
font-family:"Vazir-tj" !important;
}
.foiran-tj{
font-family:"IranSans-tj" !important;
}

/* تنظیم اندازه‌های عناوین */
h1,.h1 {
  font-size: clamp(2rem, 4vw + 1rem, 3rem);
}

h2,.h2 {
  font-size: clamp(1.75rem, 3.5vw + 0.5rem, 2.5rem);
}

h3,.h3 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
}

h4,.h4 {
  font-size: clamp(1.25rem, 2.5vw + 0.3rem, 1.75rem);
}

h5,.h5 {
  font-size: clamp(1.1rem, 2vw + 0.2rem, 1.5rem);
}

h6.h6 {
  font-size: clamp(1rem, 1.5vw + 0.1rem, 1.25rem);
}

/* تنظیم اندازه پاراگراف */
p {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem);
}

/* تنظیم اندازه‌های دیگری برای متن‌های کوچک‌تر */
.small-text {
  font-size: clamp(0.875rem, 0.8vw + 0.2rem, 1rem);
}
.smaller-text {
  font-size: clamp(0.500rem, 0.8vw + 0.2rem, 1rem);
}
/*---S-margin-tarrah-javan.ir---*/

.m-0{margin:0px;}
.m-10{margin:10px;}
.m-20{margin:20px;}
.m-30{margin:30px;}
.m-40{margin:40px;}
.m-50{margin:50px;}
.m-60{margin:60px;}
.m-70{margin:70px;}
.m-80{margin:80px;}
.m-90{margin:90px;}
.m-100{margin:100px;}

.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

/*---------------*/

.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}
.mr-80{margin-right:80px;}
.mr-90{margin-right:90px;}
.mr-100{margin-right:100px;}

/*---------------*/

.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-80{margin-left:80px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}

/*---------------*/

.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

/*---E-margin-tarrah-javan.ir---*/
/*---S-width-tarrah-javan.ir---*/

.w-10{width:10%;}
.w-20{width:20%;}
.w-30{width:30%;}
.w-33{width:33.333333% !important;}
.w-40{width:40%;}
.w-50{width:50%;}
.w-60{width:60%;}
.w-70{width:70%;}
.w-80{width:80%;}
.w-90{width:90%;}
.w-96{width:96%;}
.w-100{width:100%;}

.w-p-10{width:10px;}
.w-p-20{width:20px;}
.w-p-30{width:30px;}
.w-p-40{width:40px;}
.w-p-50{width:50px;}
.w-p-60{width:60px;}
.w-p-70{width:70px;}
.w-p-80{width:80px;}
.w-p-90{width:90px;}
.w-p-100{width:100px;}

.w-auto{width:auto !important;}

/*---E-width-tarrah-javan.ir---*/
/*---S-height-tarrah-javan.ir---*/

.h-10{height:10%;}
.h-20{height:20%;}
.h-30{height:30%;}
.h-40{height:40%;}
.h-50{height:50%;}
.h-60{height:60%;}
.h-70{height:70%;}
.h-80{height:80%;}
.h-90{height:90%;}
.h-100{height:100%;}

.h-auto{height:auto !important;}

.h-p-10{height:10px;}
.h-p-20{height:20px;}
.h-p-30{height:30px;}
.h-p-40{height:40px;}
.h-p-50{height:50px;}
.h-p-60{height:60px;}
.h-p-70{height:70px;}
.h-p-80{height:80px;}
.h-p-90{height:90px;}
.h-p-100{height:100px;}

/*---E-height-tarrah-javan.ir---*/
/*---S-padding-tarrah-javan.ir---*/

.p-0{padding:0px !important;}
.p-05{padding:5px !important;}
.p-10{padding:10px;}
.p-12{padding:12px;}
.p-15{padding:15px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-50{padding:50px;}
.p-60{padding:60px;}
.p-70{padding:70px;}
.p-80{padding:80px;}
.p-90{padding:90px;}
.p-100{padding:100px;}

.pt-0{padding-top:0px !important;}
.pt-8{padding-top:8px;}
.pt-9{padding-top:9px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}

.pb-0{padding-bottom:0px !important;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}

.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}
.pr-90{padding-right:90px;}
.pr-100{padding-right:100px;}

.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}
.pl-90{padding-left:90px;}
.pl-100{padding-left:100px;}

/*---E-padding-tarrah-javan.ir---*/
/*---S-text-Settings-tarrah-javan.ir---*/

.div-c{margin-left: auto !important; margin-right: auto !important;}

.xydiv-c{align-content: center !important;}

.t-c{text-align:center !important;}
.t-r{text-align:right !important;}
.t-l{text-align:left !important;}
.t-j{text-align:justify !important;}

.t-indent{
text-indent:5px;
}

.d-flex{display:flex;}
.f-jc-sa{justify-content: space-around;}
.f-jc-c{justify-content: center;}
.f-jc-sb{justify-content: space-between;}
.f-ai-c{align-items: center;}
.f-ai-s{align-items: stretch;}
.f-d-c{flex-direction: column;}

.d-block{display: block;}

.f-l{float:left;}
.f-r{float:right;}
.f-n{float: none !important;}

.icon-color{color:var(--icon-color) !important;}
.color-w{ color: #fff;}
.color-b{color:#000 !important;}
.inista-color { color: #e95950;}
.color-wb{color:#525252;}
.color-g{color:#f0f0f0;}
.color-dg{color:#c0c0c0;}
.color-morange{color:;}
.color-mgreen{color:#6ac847;}
.color-dgreen{color:#49BE78;}
.color-mblue{color:#33b5e5;}
.color-red{color: red;}

.bg-box-c{color: var(--title-color);}

.bg-base-color{
    background-color: var(--icon-color);
}

.bg-w{
    background-color: #fff;
}

.bg-mgreen{ background-color: #6ac847;}
.bg-g-mgreen{ background-color: rgba(106, 200, 71, 0.5);}


::selection { /* WebKit/Blink Browsers */
  background: var(--icon-color);
  color:#FFF;
}
::-moz-selection { /* Gecko Browsers */
  background: var(--icon-color);
  color:#FFF;
}
a{
text-decoration:none;
}
a.link{
color:var(--link);
font-weight:bold;
}
a:hover{
color:var(--link-hover);
}


.bg-cover{
background-repeat:no-repeat;
background-size: 100vw 100vh;
}

.o-f{
    overflow: auto;
}

.bo-5{border-radius: 5px !important;}
.bo-10{border-radius: 10px !important;}
.bo-15{border-radius: 15px !important;}
.bo-20{border-radius: 20px !important;}
.bo-30{border-radius: 30px !important;}
.bo-40{border-radius: 40px !important;}
.bo-50{border-radius: 50px !important;}

.font-s1{font-size: small;}
.font-s2{font-size: medium;}
.font-s3{font-size: large;}
.font-s4{font-size: x-large;}
.font-s5{font-size: xx-large;}

.font-s55{font-size:55px;}

.font-b1{font-weight:bold;}
.font-b2{font-weight:bolder;}
.font-b3{font-weight:lighter;}

img, svg {
    vertical-align: middle;
}

.boxone{
-webkit-box-shadow: 0 2px 5px 0 rgba(31, 150, 255, 0.26), 0 4px 12px 0 rgba(103, 141, 254, 0.25);
box-shadow: 0 2px 5px 0 rgba(31, 150, 255, 0.26), 0 4px 12px 0 rgba(62, 110, 254, 0.25); }

.boxone:hover{
    -webkit-box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
}

.boxone2 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(106, 13, 173, 0.26), 0 4px 12px 0 rgba(139, 80, 189, 0.25);
  box-shadow: 0 2px 5px 0 rgba(106, 13, 173, 0.26), 0 4px 12px 0 rgba(139, 80, 189, 0.25);
}

.boxone2:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(130, 56, 184, 0.28), 0 4px 15px 0 rgba(106, 13, 173, 0.15);
  box-shadow: 0 5px 11px 0 rgba(130, 56, 184, 0.28), 0 4px 15px 0 rgba(106, 13, 173, 0.15);
}

*, ::after, ::before {
    box-sizing: border-box;
}

.alert{
    font-size:.875rem;
    line-height:1.75rem;
    text-align:right;
    direction:inherit;
    padding:1rem;
    position:relative;
    border:none;
    letter-spacing:-.01rem;
    box-shadow:0 .625rem 1.5625rem rgba(198,205,218,.12);
    font-weight:500;
    border-radius:10px
}

.alert-error {
    background: #ffe6e6;
    color: #ff3860;
}

.alert-success {
    background: #e6ffe6;
    color: #23d160;
     border-color:#badbcc
}
.alert-danger{
    color:#e42154;
    background-color:rgba(228,33,84,.08)
}
.alert-primary{
    color:#084298;
    background-color:#cfe2ff;
    border-color:#b6d4fe
}
.alert-warning{
    color:#664d03;
    background-color:#fff3cd;
    border-color:#ffecb5
}

/* حذف spinner در مرورگرهای مختلف */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield; /* برای فایرفاکس */
}
.font-s-18rem{
    font-size:1.8rem;
}
.font-s-2-3rem{
    font-size:2.3rem;
}
.font-s-2rem{
    font-size:2rem;
}