:root {
    --dark0:#1C1C28;
    --dark1:#28293D;
    --dark2:#555770;
    --dark3:#8F90A6;
    --dark4:#C7C9D9;
    --dark5:#28293D;
    --dark6:#1C281E;
    --light0:#E4E4EB;
    --light1:#EBEBF0;
    --light2:#F2F2F5;
    --light3:#FAFAFC;
    --light4:#FFFFFF;
    --red0:#E53535;
    --red1:#FF3B3B;
    --red2:#FF5C5C;
    --red3:#ff8080;
    --red4:#FFE5E5;
    --green0:#05A660;
    --green1:#06C270;
    --green2:#39D98A;
    --green3:#E3FFF1;
    --green4:#269480;
    --green5:#279481;
    --blue0:#0063F7;
    --blue1:#0063F7;
    --blue2:#5B8DEF;
    --blue3:#9DBFF9;
    --blue4:#E5F0FF;
    --orange0:#E67A00;
    --orange1:#FF8800;
    --orange2:#FDAC42;
    --orange3:#FCCC75;
    --orange4:#FFF8E6;
    --yellow0:#E6B800;
    --yellow1:#FFCC00;
    --yellow2:#FDDD48;
    --yellow3:#FDED72;
    --yellow4:#FFFEE6;
    --yellow5:#B3CA58;
    --gray6:#F2F2F2;
    --purple1:#A32CC4;
    --purple2: #E39FF6;
}

.d-ltr{
    direction: ltr;
}
.line1{
    border-top: 1px solid #C7C9D9
}
/*overflow*/
.overflow-nowrap-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
}
.overflow-nowrap-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
}
.overflow-nowrap-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
}

/*/overflow*/
/*.width*/
.w-18{
    width: 18px;
}
.w-24{
    width: 24px;
}
.w-98{
    width: 98px;
}
.w-120{
    width: 120px;
}
.w-157{
    width: 157px;
}
.w-113{
    width: 113px;
}
.w-107{
    width: 107px!important;
}
.w-375{
    width: 375px;
}
/*/.width*/
/*.height*/
.h-18{
    height:18px;
}
.h-24{
    height:24px;
}
.h-30{
    height: 30px;
}
.h-32{
    height: 32px;
}
.h-48{
    height: 48px;
}

/*/.height*/
/*padding*/
.pt-67{
    padding-top: 67px;
}
/*/padding*/
/*font-size*/
.font-size-7 {
    font-size: 7px;
}
a:hover{
    text-decoration: none;
}

.font-size-8 {
    font-size: 8px !important;
}
.font-size-9 {
    font-size: 9px !important;
}
.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-21 {
    font-size: 21px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-23 {
    font-size: 23px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-27 {
    font-size: 27px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-29 {
    font-size: 29px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-36 {
    font-size: 36px;
}

/*/font-size*/
/*font-weight*/
.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}
/*/font-weight*/


.small-label{
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 17px;
    color: #000000;
}
.medium-label {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}
.large-label {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
 .display1{
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 64px;
     line-height: 109px;
     color: #000000;
}
.display2 {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 56px;
    line-height: 95px;
    color: #000000;
}
 .headings-h1{
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 32px;
     line-height: 54px;
     color: #000000;
 }
 .headings-h2{
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 28px;
     line-height: 44px;
     color: #000000;

 }
 .headings-h3{
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 24px;
     line-height: 38px;
     color: #000000;
 }
.headings-h4{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}
 .headings-h5{
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     line-height: 28px;
     color: #000000;
 }
.headings-h6{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
 .body-16pt{
     font-family: IRANSans;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     line-height: 32px;
     color: #000000;
 }
 .body-14pt{
     font-family: IRANSans;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 32px;
     color: #000000;
     color: #000000;

 }
 .stylized-capitalized{

              font-family: IRANSans;
              font-style: normal;
              font-weight: normal;
              font-size: 14px;
              line-height: 24px;
              color: #000000;
              text-transform: capitalize;
          }
 .stylized-blockquote{
              font-family: IRANSans;
              font-style: normal;
              font-weight: bold;
              font-size: 20px;
              line-height: 36px;
              color: #000000;
          }
 .stylized-lead {
     font-family: IRANSans;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
     line-height: 32px;
     color: #000000;
 }
.stylized-small{
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}
.stylized-tiny{
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 17px;
    color: #000000;
}
/*background /color*/
.bg-dark0{
    background: var(--dark0);
}
.text-dark0{
    color:var(--dark0);
}
.bg-dark1{
    background: var(--dark1);
}
.text-dark1{
    color:var(--dark1);
}
.bg-dark2{
    background: var(--dark2);
}
.text-dark2{
    color:var(--dark2);
}
.bg-dark3{
    background: var(--dark3);
}
.text-dark3{
    color:var(--dark3);
}
.bg-dark4{
    background: var(--dark4);
}
.text-dark4{
    color:var(--dark4);
}
.bg-dark5{
    background: var(--dark5);
}
.text-dark5{
    color:var(--dark5);
}
.bg-dark6{
    background: var(--dark6);
}
.text-dark6{
    color:var(--dark6);
}
.bg-light0{
    background: var(--light0);
}
.text-light0{
    color:var(--light0);
}
.bg-light1{
    background: var(--light1);
}
.text-light1{
    color:var(--light1);
}
.bg-light2{
    background: var(--light2);
}
.text-light2{
    color:var(--light2);
}
.bg-light3{
    background: var(--light3);
}
.text-light3{
    color:var(--light3);
}
.bg-light4{
    background: var(--light4);
}
.text-light4{
    color:var(--light4);
}
.bg-red0{
    background: var(--red0);
}
.text-red0{
    color:var(--red0);
}
.bg-red1{
    background: var(--red1);
}
.text-red1{
    color:var(--red1);
}
.bg-red2{
    background: var(--red2);
}
.text-red2{
    color:var(--red2);
}
.bg-red3{
    background: var(--red3);
}
.text-red3{
    color:var(--red3);
}
.bg-green0{
    background: var(--green0);
}
.text-green0{
    color:var(--green0);
}
.bg-green1{
    background: var(--green1);
}
.text-green1{
    color:var(--green1);
}
.bg-green2{
    background: var(--green2);
}
.text-green2{
    color:var(--green2);
}
.bg-green3{
    background: var(--green3);
}
.text-green3{
    color:var(--green3);
}
.bg-green4{
    background: var(--green4);
}
.text-green4{
    color:var(--green4);
}
.bg-green5{
    background: var(--green5);
}
.text-green5{
    color:var(--green5);
}
.bg-blue0{
    background: var(--blue0);
}
.text-blue0{
    color:var(--blue0);
}
.bg-blue1{
    background: var(--blue1);
}
.text-blue1{
    color:var(--blue1);
}
.bg-blue2{
    background: var(--blue2);
}
.text-blue2{
    color:var(--blue2);
}
.bg-blue3{
    background: var(--blue3);
}
.text-blue3{
    color:var(--blue3);
}
.bg-blue4{
    background: var(--blue4);
}
.text-blue4{
    color:var(--blue4);
}
.bg-orange0{
    background: var(--orange0);
}
.text-orange0{
    color:var(--orange0);
}
.bg-orange1{
    background: var(--orange1);
}
.text-orange1{
    color:var(--orange1);
}
.bg-orange2{
    background: var(--orange2);
}
.text-orange2{
    color:var(--orange2);
}
.bg-orange3{
    background: var(--orange3);
}
.text-orange3{
    color:var(--orange3);
}
.bg-orange4{
    background: var(--orange4);
}
.text-orange4{
    color:var(--orange4);
}
.bg-yellow0{
    background: var(--yellow0);
}
.text-yellow0{
    color:var(--yellow0);
}
.bg-yellow1{
    background: var(--yellow1);
}
.text-yellow1{
    color:var(--yellow1);
}
.bg-yellow2{
    background: var(--yellow2);
}
.text-yellow2{
    color:var(--yellow2);
}
.bg-yellow3{
    background: var(--yellow3);
}
.text-yellow3{
    color:var(--yellow3);
}
.bg-yellow4{
    background: var(--yellow4);
}
.text-yellow4{
    color:var(--yellow4);
}
.bg-yellow5{
    background: var(--yellow5);
}
.text-yellow5{
    color:var(--yellow5);
}
.bg-purple1{
    background: var(--purple1);
}
.text-purple1{
    color:var(--purple1);
}
.bg-purple2{
    background: var(--purple2);
}
.text-purple2{
    color:var(--purple2);
}
/*/background /color*/
/*elevation*/
.elevation-0{
    background: #C4C4C4;
    box-shadow: inset 0 0.5px 4px rgba(96, 97, 112, 0.32);
}
.elevation-1{
    background: #C4C4C4;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.08), 0 0.5px 2px rgba(96, 97, 112, 0.16);
}
.elevation-2{
    background: #C4C4C4;
    box-shadow: 0 0 1px rgba(40, 41, 61, 0.04), 0 2px 4px rgba(96, 97, 112, 0.16);
}
.elevation-3{
    background: #C4C4C4;
    box-shadow: 0 0 2px rgba(40, 41, 61, 0.04), 0 4px 8px rgba(96, 97, 112, 0.16);
}
.elevation-4{
    background: #C4C4C4;
    box-shadow: 0 2px 4px rgba(40, 41, 61, 0.04), 0 8px 16px rgba(96, 97, 112, 0.16);
}
.elevation-5{
    background: #C4C4C4;
    box-shadow: 0 2px 8px rgba(40, 41, 61, 0.08), 0 20px 32px rgba(96, 97, 112, 0.24);
}
/*/elevation*/
/*margin*/
.margin-top-5{
    margin-top: 5px;
}
.margin-top-8{
    margin-top: 8px;
}

.margin-top-29{
    margin-top: 29px;
}
.margin-bottom-8{
    margin-bottom: 8px;
}
.margin-right-8{
    margin-right: 8px;
}
.margin-left-8{
    margin-left: 8px;
}
.margin-top-16{
    margin-top: 16px;
}
.margin-top-13{
    margin-top: 13px;
}
.margin-bottom-16{
    margin-bottom: 16px;
}
.margin-right-16{
    margin-right: 16px;
}
.margin-left-16{
    margin-left: 16px;
}
.margin-top-24{
    margin-top: 24px;
}
.margin-bottom-24{
    margin-bottom: 24px;
}
.margin-right-24{
    margin-right: 24px;
}
.margin-left-24{
    margin-left: 24px;
}
.margin-top-32{
    margin-top: 32px;
}
.margin-bottom-32{
    margin-bottom: 32px;
}
.margin-right-32{
    margin-right: 32px;
}
.margin-left-32{
    margin-left: 32px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-right-40{
    margin-right: 40px;
}
.margin-left-40{
    margin-left: 40px;
}
.margin-top-48{
    margin-top: 48px;
}
.margin-bottom-48{
    margin-bottom: 48px;
}
.margin-right-48{
    margin-right: 48px;
}
.margin-left-48{
    margin-left: 48px;
}
.margin-top-56{
    margin-top: 56px;
}
.margin-bottom-56{
    margin-bottom: 56px;
}
.margin-right-56{
    margin-right: 56px;
}
.margin-left-56{
    margin-left: 56px;
}
.margin-top-64{
    margin-top: 64px;
}
.margin-bottom-64{
    margin-bottom: 64px;
}
.margin-right-64{
    margin-right: 64px;
}
.margin-left-64{
    margin-left: 64px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-right-80{
    margin-right: 80px;
}
.margin-left-80{
    margin-left: 80px;
}
.margin-top-120{
    margin-top: 120px;
}
.margin-bottom-120{
    margin-bottom: 120px;
}
.margin-right-120{
    margin-right: 120px;
}
.margin-left-120{
    margin-left: 120px;
}
.padding-top-2{
    padding-top: 2px;
}
/*/margin*/
/*button*/
.btn-account{
    border: 1px solid #C7C9D9;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    width: 141px;
    height: 40px;
    text-align: center;
}
/*/button*/



@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1281px;
    }
}

.d-block-ruby{
    display: block ruby;
}

.custom-border-bottom{border-bottom:2px solid #67686b !important}

.custom-border-left{border-left:2px solid #67686b !important}