/* Margin */
.m-0{margin:0}.m-1{margin:1px}.m-2{margin:2px}.m-3{margin:3px}.m-4{margin:4px}.m-5{margin:5px}.m-6{margin:6px}.m-7{margin:7px}.m-8{margin:8px}.m-9{margin:9px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-25{margin:25px}.m-30{margin:30px}.m-35{margin:35px}.m-40{margin:40px}.m-45{margin:45px}.m-50{margin:50px}.m-55{margin:55px}.m-60{margin:60px}.m-65{margin:65px}.m-70{margin:70px}.m-75{margin:75px}.m-80{margin:80px}.m-85{margin:85px}.m-90{margin:90px}.m-95{margin:95px}.m-100{margin:100px}

/* Margin Top */
.mt-auto{margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:1px}.mt-2{margin-top:2px}.mt-3{margin-top:3px}.mt-4{margin-top:4px}.mt-5{margin-top:5px}.mt-6{margin-top:6px}.mt-7{margin-top:7px}.mt-8{margin-top:8px}.mt-9{margin-top:9px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}

/* Margin Right */
.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-1{margin-right:1px}.mr-2{margin-right:2px}.mr-3{margin-right:3px}.mr-4{margin-right:4px}.mr-5{margin-right:5px}.mr-6{margin-right:6px}.mr-7{margin-right:7px}.mr-8{margin-right:8px}.mr-9{margin-right:9px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}

/* Margin Bottom */
.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1px}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-4{margin-bottom:4px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:6px}.mb-7{margin-bottom:7px}.mb-8{margin-bottom:8px}.mb-9{margin-bottom:9px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}

/* Margin Left */
.ml-auto{margin-left:auto}.ml-0{margin-left:0}.ml-1{margin-left:1px}.ml-2{margin-left:2px}.ml-3{margin-left:3px}.ml-4{margin-left:4px}.ml-5{margin-left:5px}.ml-6{margin-left:6px}.ml-7{margin-left:7px}.ml-8{margin-left:8px}.ml-9{margin-left:9px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}

.my-auto { margin-top:auto; margin-bottom:auto }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-1 { margin-top: 1px; margin-bottom: 1px; }
.my-2 { margin-top: 2px; margin-bottom: 2px; }
.my-3 { margin-top: 3px; margin-bottom: 3px; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-6 { margin-top: 6px; margin-bottom: 6px; }
.my-7 { margin-top: 7px; margin-bottom: 7px; }
.my-8 { margin-top: 8px; margin-bottom: 8px; }
.my-9 { margin-top: 9px; margin-bottom: 9px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-25 { margin-top: 25px; margin-bottom: 25px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-35 { margin-top: 35px; margin-bottom: 35px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-45 { margin-top: 45px; margin-bottom: 45px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }

.mx-auto { margin-left:auto; margin-right:auto }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-1 { margin-left: 1px; margin-right: 1px; }
.mx-2 { margin-left: 2px; margin-right: 2px; }
.mx-3 { margin-left: 3px; margin-right: 3px; }
.mx-4 { margin-left: 4px; margin-right: 4px; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.mx-6 { margin-left: 6px; margin-right: 6px; }
.mx-7 { margin-left: 7px; margin-right: 7px; }
.mx-8 { margin-left: 8px; margin-right: 8px; }
.mx-9 { margin-left: 9px; margin-right: 9px; }
.mx-10 { margin-left: 10px; margin-right: 10px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.mx-25 { margin-left: 25px; margin-right: 25px; }
.mx-30 { margin-left: 30px; margin-right: 30px; }
.mx-35 { margin-left: 35px; margin-right: 35px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-45 { margin-left: 45px; margin-right: 45px; }
.mx-50 { margin-left: 50px; margin-right: 50px; }

/* Padding */
.p-0{padding:0px}.p-1{padding:1px}.p-2{padding:2px}.p-3{padding:3px}.p-4{padding:4px}.p-5{padding:5px}.p-6{padding:6px}.p-7{padding:7px}.p-8{padding:8px}.p-9{padding:9px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-25{padding:25px}.p-30{padding:30px}.p-35{padding:35px}.p-40{padding:40px}.p-45{padding:45px}.p-50{padding:50px}.p-55{padding:55px}.p-60{padding:60px}.p-65{padding:65px}.p-70{padding:70px}.p-75{padding:75px}.p-80{padding:80px}.p-85{padding:85px}.p-90{padding:90px}.p-95{padding:95px}.p-100{padding:100px}



/* Padding Top */
.pt-0{padding-top:0px}.pt-1{padding-top:1px}.pt-2{padding-top:2px}.pt-3{padding-top:3px}.pt-4{padding-top:4px}.pt-5{padding-top:5px}.pt-6{padding-top:6px}.pt-7{padding-top:7px}.pt-8{padding-top:8px}.pt-9{padding-top:9px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}

/* Padding Right */
.pr-0{padding-right:0px}.pr-1{padding-right:1px}.pr-2{padding-right:2px}.pr-3{padding-right:3px}.pr-4{padding-right:4px}.pr-5{padding-right:5px}.pr-6{padding-right:6px}.pr-7{padding-right:7px}.pr-8{padding-right:8px}.pr-9{padding-right:9px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}

/* Padding Bottom */
.pb-0{padding-bottom:0px}.pb-1{padding-bottom:1px}.pb-2{padding-bottom:2px}.pb-3{padding-bottom:3px}.pb-4{padding-bottom:4px}.pb-5{padding-bottom:5px}.pb-6{padding-bottom:6px}.pb-7{padding-bottom:7px}.pb-8{padding-bottom:8px}.pb-9{padding-bottom:9px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}

/* Padding Left */
.pl-0{padding-left:0}.pl-1{padding-left:1px}.pl-2{padding-left:2px}.pl-3{padding-left:3px}.pl-4{padding-left:4px}.pl-5{padding-left:5px}.pl-6{padding-left:6px}.pl-7{padding-left:7px}.pl-8{padding-left:8px}.pl-9{padding-left:9px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}

/* Padding horizantal */
.py-0{padding-top:0px;padding-bottom:0px}.py-1{padding-top:1px;padding-bottom:1px}.py-2{padding-top:2px;padding-bottom:2px}.py-3{padding-top:3px;padding-bottom:3px}.py-4{padding-top:4px;padding-bottom:4px}.py-5{padding-top:5px;padding-bottom:5px}.py-6{padding-top:6px;padding-bottom:6px}.py-7{padding-top:7px;padding-bottom:7px}.py-8{padding-top:8px;padding-bottom:8px}.py-9{padding-top:9px;padding-bottom:9px}.py-10{padding-top:10px;padding-bottom:10px}.py-15{padding-top:15px;padding-bottom:15px}.py-20{padding-top:20px;padding-bottom:20px}.py-25{padding-top:25px;padding-bottom:25px}.py-30{padding-top:30px;padding-bottom:30px}.py-35{padding-top:35px;padding-bottom:35px}.py-40{padding-top:40px;padding-bottom:40px}.py-45{padding-top:45px;padding-bottom:45px}.py-50{padding-top:50px;padding-bottom:50px}

.px-0{padding-left:0px;padding-right:0px}.px-1{padding-left:1px;padding-right:1px}.px-2{padding-left:2px;padding-right:2px}.px-3{padding-left:3px;padding-right:3px}.px-4{padding-left:4px;padding-right:4px}.px-5{padding-left:5px;padding-right:5px}.px-6{padding-left:6px;padding-right:6px}.px-7{padding-left:7px;padding-right:7px}.px-8{padding-left:8px;padding-right:8px}.px-9{padding-left:9px;padding-right:9px}.px-10{padding-left:10px;padding-right:10px}.px-15{padding-left:15px;padding-right:15px}.px-20{padding-left:20px;padding-right:20px}.px-25{padding-left:25px;padding-right:25px}.px-30{padding-left:30px;padding-right:30px}.px-35{padding-left:35px;padding-right:35px}.px-40{padding-left:40px;padding-right:40px}.px-45{padding-left:45px;padding-right:45px}.px-50{padding-left:50px;padding-right:50px}

/* Flex */
.flex { display: flex; }
.flex-md-col{display: flex;}
.flex-a-i-c { align-items: center; }
.flex-a-i-s { align-items: start; }
.flex-a-i-e { align-items: end; }
.flex-j-c-c { justify-content: center; }
.flex-j-c-s { justify-content: start; }
.flex-j-c-e { justify-content: end; }
.flex-j-c-b { justify-content: space-between; }
.flex-j-c-a { justify-content: space-around; }
.flex-col { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-w { flex-wrap: wrap; }
.flex-nw { flex-wrap: nowrap; }

.flex { display: flex; } 
.align-start { align-items: flex-start; } 
.align-center { align-items: center; } 
.align-end { align-items: flex-end; } 
.align-baseline { align-items: baseline; } 
.align-stretch { align-items: stretch; } 
.justify-start { justify-content: flex-start; } 
.justify-center { justify-content: center; } 
.justify-end { justify-content: flex-end; } 
.justify-between { justify-content: space-between; } 
.justify-around { justify-content: space-around; } 
.justify-evenly { justify-content: space-evenly; }

.fxas { display: flex; align-items: flex-start; }
.fxac { display: flex; align-items: center; }
.fxae { display: flex; align-items: flex-end; }
.fxab { display: flex; align-items: baseline; }
.fxast { display: flex; align-items: stretch; }

.fxjs { display: flex; justify-content: flex-start; }
.fxjc { display: flex; justify-content: center; }
.fxje { display: flex; justify-content: flex-end; }
.fxjb { display: flex; justify-content: space-between; }
.fxja { display: flex; justify-content: space-around; }
.fxjev { display: flex; justify-content: space-evenly; }

.fxjc-ac { display: flex; justify-content: center; align-items: center; }
.fxjc-as { display: flex; justify-content: center; align-items: flex-start; }
.fxjc-ae { display: flex; justify-content: center; align-items: flex-end; }
.fxjc-ab { display: flex; justify-content: center; align-items: baseline; }
.fxjc-ast { display: flex; justify-content: center; align-items: stretch; }

.fxjs-ac { display: flex; justify-content: flex-start; align-items: center; }
.fxjs-as { display: flex; justify-content: flex-start; align-items: flex-start; }
.fxjs-ae { display: flex; justify-content: flex-start; align-items: flex-end; }
.fxjs-ab { display: flex; justify-content: flex-start; align-items: baseline; }
.fxjs-ast { display: flex; justify-content: flex-start; align-items: stretch; }

.fxje-ac { display: flex; justify-content: flex-end; align-items: center; }
.fxje-as { display: flex; justify-content: flex-end; align-items: flex-start; }
.fxje-ae { display: flex; justify-content: flex-end; align-items: flex-end; }
.fxje-ab { display: flex; justify-content: flex-end; align-items: baseline; }
.fxje-ast { display: flex; justify-content: flex-end; align-items: stretch; }

.fxjbt-ac { display: flex; justify-content: space-between; align-items: center; }
.fxjbt-as { display: flex; justify-content: space-between; align-items: flex-start; }
.fxjbt-ae { display: flex; justify-content: space-between; align-items: flex-end; }
.fxjbt-ab { display: flex; justify-content: space-between; align-items: baseline; }
.fxjbt-ast { display: flex; justify-content: space-between; align-items: stretch; }

.fxjar-ac { display: flex; justify-content: space-around; align-items: center; }
.fxjar-as { display: flex; justify-content: space-around; align-items: flex-start; }
.fxjar-ae { display: flex; justify-content: space-around; align-items: flex-end; }
.fxjar-ab { display: flex; justify-content: space-around; align-items: baseline; }
.fxjar-ast { display: flex; justify-content: space-around; align-items: stretch; }

.fxjev-ac { display: flex; justify-content: space-evenly; align-items: center; }
.fxjev-as { display: flex; justify-content: space-evenly; align-items: flex-start; }
.fxjev-ae { display: flex; justify-content: space-evenly; align-items: flex-end; }
.fxjev-ab { display: flex; justify-content: space-evenly; align-items: baseline; }
.fxjev-ast { display: flex; justify-content: space-evenly; align-items: stretch; }

/*-----------------*/
.fxcc { display: flex; justify-content: center; align-items: center; }
.fxcs { display: flex; justify-content: center; align-items: flex-start; }
.fxce { display: flex; justify-content: center; align-items: flex-end; }
.fxcb { display: flex; justify-content: center; align-items: baseline; }
.fxct { display: flex; justify-content: center; align-items: stretch; }

.fxsc { display: flex; justify-content: flex-start; align-items: center; }
.fxss { display: flex; justify-content: flex-start; align-items: flex-start; }
.fxse { display: flex; justify-content: flex-start; align-items: flex-end; }
.fxsb { display: flex; justify-content: flex-start; align-items: baseline; }
.fxst { display: flex; justify-content: flex-start; align-items: stretch; }

.fxec { display: flex; justify-content: flex-end; align-items: center; }
.fxes { display: flex; justify-content: flex-end; align-items: flex-start; }
.fxee { display: flex; justify-content: flex-end; align-items: flex-end; }
.fxeb { display: flex; justify-content: flex-end; align-items: baseline; }
.fxet { display: flex; justify-content: flex-end; align-items: stretch; }

.fxbc { display: flex; justify-content: space-between; align-items: center; }
.fxbs { display: flex; justify-content: space-between; align-items: flex-start; }
.fxbe { display: flex; justify-content: space-between; align-items: flex-end; }
.fxbb { display: flex; justify-content: space-between; align-items: baseline; }
.fxbst { display: flex; justify-content: space-between; align-items: stretch; }

.fxarc { display: flex; justify-content: space-around; align-items: center; }
.fxars { display: flex; justify-content: space-around; align-items: flex-start; }
.fxare { display: flex; justify-content: space-around; align-items: flex-end; }
.fxarb { display: flex; justify-content: space-around; align-items: baseline; }
.fxarst { display: flex; justify-content: space-around; align-items: stretch; }

.fxevc { display: flex; justify-content: space-evenly; align-items: center; }
.fxevs { display: flex; justify-content: space-evenly; align-items: flex-start; }
.fxeve { display: flex; justify-content: space-evenly; align-items: flex-end; }
.fxevb { display: flex; justify-content: space-evenly; align-items: baseline; }
.fxevst { display: flex; justify-content: space-evenly; align-items: stretch; }

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

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gap-1 { gap: 1px; }
.gap-2 { gap: 2px; }
.gap-3 { gap: 3px; }
.gap-4 { gap: 4px; }
.gap-5 { gap: 5px; }
.gap-6 { gap: 6px; }
.gap-7 { gap: 7px; }
.gap-8 { gap: 8px; }
.gap-9 { gap: 9px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
.gap-35 { gap: 35px; }
.gap-40 { gap: 40px; }
.gap-45 { gap: 45px; }
.gap-50 { gap: 50px; }

/* Display */
.display-n { display: none; }
.display-b { display: block; }
.display-i { display: inline; }
.display-ib { display: inline-block; }

/* موقعیت‌دهی */
.pos-s {position: static;}
.pos-r {position: relative;}
.pos-a {position: absolute;}
.pos-f {position: fixed;}
.pos-sy {position: sticky;}

.dir-r {direction: rtl}
.dir-l {direction: ltr}

.o-a { overflow: auto; }
.o-h { overflow: hidden; }
.o-v { overflow: visible; }
.o-s { overflow: scroll; }

.o-x-a { overflow-x: auto; }
.o-x-h { overflow-x: hidden; }
.o-x-v { overflow-x: visible; }
.o-x-s { overflow-x: scroll; }

.o-y-a { overflow-y: auto; }
.o-y-h { overflow-y: hidden; }
.o-y-v { overflow-y: visible; }
.o-y-s { overflow-y: scroll; }

/* کلاس‌های موقعیت‌دهی برای top */
.top-0{top:0}.top-1{top:1px}.top-2{top:2px}.top-3{top:3px}.top-4{top:4px}.top-5{top:5px}.top-6{top:6px}.top-7{top:7px}.top-8{top:8px}.top-9{top:9px}.top-10{top:10px}.top-15{top:15px}.top-20{top:20px}.top-25{top:25px}.top-30{top:30px}.top-35{top:35px}.top-40{top:40px}.top-45{top:45px}.top-50{top:50px}.top-55{top:55px}.top-60{top:60px}.top-65{top:65px}.top-70{top:70px}.top-75{top:75px}.top-80{top:80px}.top-85{top:85px}.top-90{top:90px}.top-95{top:95px}.top-100{top:100px}

/* کلاس‌های موقعیت‌دهی برای left */
.left-0{left:0}.left-1{left:1px}.left-2{left:2px}.left-3{left:3px}.left-4{left:4px}.left-5{left:5px}.left-6{left:6px}.left-7{left:7px}.left-8{left:8px}.left-9{left:9px}.left-10{left:10px}.left-15{left:15px}.left-20{left:20px}.left-25{left:25px}.left-30{left:30px}.left-35{left:35px}.left-40{left:40px}.left-45{left:45px}.left-50{left:50px}.left-55{left:55px}.left-60{left:60px}.left-65{left:65px}.left-70{left:70px}.left-75{left:75px}.left-80{left:80px}.left-85{left:85px}.left-90{left:90px}.left-95{left:95px}.left-100{left:100px}

/* کلاس‌های موقعیت‌دهی برای right */
.right-0{right:0}.right-1{right:1px}.right-2{right:2px}.right-3{right:3px}.right-4{right:4px}.right-5{right:5px}.right-6{right:6px}.right-7{right:7px}.right-8{right:8px}.right-9{right:9px}.right-10{right:10px}.right-15{right:15px}.right-20{right:20px}.right-25{right:25px}.right-30{right:30px}.right-35{right:35px}.right-40{right:40px}.right-45{right:45px}.right-50{right:50px}.right-55{right:55px}.right-60{right:60px}.right-65{right:65px}.right-70{right:70px}.right-75{right:75px}.right-80{right:80px}.right-85{right:85px}.right-90{right:90px}.right-95{right:95px}.right-100{right:100px}

/* کلاس‌های موقعیت‌دهی برای bottom */
.bottom-0{bottom:0}.bottom-1{bottom:1px}.bottom-2{bottom:2px}.bottom-3{bottom:3px}.bottom-4{bottom:4px}.bottom-5{bottom:5px}.bottom-6{bottom:6px}.bottom-7{bottom:7px}.bottom-8{bottom:8px}.bottom-9{bottom:9px}.bottom-10{bottom:10px}.bottom-15{bottom:15px}.bottom-20{bottom:20px}.bottom-25{bottom:25px}.bottom-30{bottom:30px}.bottom-35{bottom:35px}.bottom-40{bottom:40px}.bottom-45{bottom:45px}.bottom-50{bottom:50px}.bottom-55{bottom:55px}.bottom-60{bottom:60px}.bottom-65{bottom:65px}.bottom-70{bottom:70px}.bottom-75{bottom:75px}.bottom-80{bottom:80px}.bottom-85{bottom:85px}.bottom-90{bottom:90px}.bottom-95{bottom:95px}.bottom-100{bottom:100px}

/* z-index */
.z-0 { z-index: 0; }
.z-5 { z-index: 5; }
.z-10 { z-index: 10; }
.z-15 { z-index: 15; }
.z-20 { z-index: 20; }
.z-25 { z-index: 25; }
.z-30 { z-index: 30; }
.z-35 { z-index: 35; }
.z-40 { z-index: 40; }
.z-45 { z-index: 45; }
.z-50 { z-index: 50; }
.z-55 { z-index: 55; }
.z-60 { z-index: 60; }
.z-65 { z-index: 65; }
.z-70 { z-index: 70; }
.z-75 { z-index: 75; }
.z-80 { z-index: 80; }
.z-85 { z-index: 85; }
.z-90 { z-index: 90; }
.z-95 { z-index: 95; }
.z-100 { z-index: 100; }
.z-200 { z-index: 200; }
.z-300 { z-index: 300; }
.z-400 { z-index: 400; }
.z-500 { z-index: 500; }
.z-600 { z-index: 600; }
.z-700 { z-index: 700; }
.z-800 { z-index: 800; }
.z-900 { z-index: 900; }
.z-1000 { z-index: 1000; }

.opacity-1{opacity:0.01}.opacity-2{opacity:0.02}.opacity-3{opacity:0.03}.opacity-4{opacity:0.04}.opacity-5{opacity:0.05}.opacity-6{opacity:0.06}.opacity-7{opacity:0.07}.opacity-8{opacity:0.08}.opacity-9{opacity:0.09}.opacity-10{opacity:0.1}.opacity-15{opacity:0.15}.opacity-20{opacity:0.2}.opacity-25{opacity:0.25}.opacity-30{opacity:0.3}.opacity-35{opacity:0.35}.opacity-40{opacity:0.4}.opacity-45{opacity:0.45}.opacity-50{opacity:0.5}.opacity-55{opacity:0.55}.opacity-60{opacity:0.6}.opacity-65{opacity:0.65}.opacity-70{opacity:0.7}.opacity-75{opacity:0.75}.opacity-80{opacity:0.8}.opacity-85{opacity:0.85}.opacity-90{opacity:0.9}.opacity-95{opacity:0.95}.opacity-100{opacity:1}

.pointer{cursor:pointer;}

/* Font-Size */
.font-10 { font-size: 10px; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-17 { font-size: 17px; }
.font-18 { font-size: 18px; }
.font-19 { font-size: 19px; }
.font-20 { font-size: 20px; }
.font-21 { font-size: 21px; }
.font-22 { font-size: 22px; }
.font-23 { font-size: 23px; }
.font-24 { font-size: 24px; }
.font-25 { font-size: 25px; }
.font-26 { font-size: 26px; }
.font-27 { font-size: 27px; }
.font-28 { font-size: 28px; }
.font-29 { font-size: 29px; }
.font-30 { font-size: 30px; }
.font-31 { font-size: 31px; }
.font-32 { font-size: 32px; }
.font-33 { font-size: 33px; }
.font-34 { font-size: 34px; }
.font-35 { font-size: 35px; }
.font-36 { font-size: 36px; }
.font-37 { font-size: 37px; }
.font-38 { font-size: 38px; }
.font-39 { font-size: 39px; }
.font-40 { font-size: 40px; }

.lh-1 { line-height: 1; }
.lh-1-10 { line-height: 1.10; }
.lh-1-2 { line-height: 1.2; }
.lh-1-4 { line-height: 1.4; }
.lh-md { line-height: 1.5; }
.lh-lg { line-height: 1.75; }
.lh-xl { line-height: 2; }
.lh-xxl { line-height: 2.25; }


.float-r { float: right; }
.float-l { float: left; }
.float-n { float: none; }
.float-i { float: inline-start; }
.float-e { float: inline-end; }

.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.fw-bold { font-weight:bold; }


/* Flex classes with width */
.flex-auto { flex: 0 0 auto; width: auto; }
.flex-10 { flex: 0 0 10%; width: 10%; }
.flex-15 { flex: 0 0 15%; width: 15%; }
.flex-20 { flex: 0 0 20%; width: 20%; }
.flex-25 { flex: 0 0 25%; width: 25%; }
.flex-30 { flex: 0 0 30%; width: 30%; }
.flex-33 { flex: 0 0 33.3333%; width: 33.3333%; }
.flex-35 { flex: 0 0 35%; width: 35%; }
.flex-40 { flex: 0 0 40%; width: 40%; }
.flex-45 { flex: 0 0 45%; width: 45%; }
.flex-50 { flex: 0 0 50%; width: 50%; }
.flex-55 { flex: 0 0 55%; width: 55%; }
.flex-60 { flex: 0 0 60%; width: 60%; }
.flex-65 { flex: 0 0 65%; width: 65%; }
.flex-66 { flex: 0 0 66.6666%; width: 66.6666%; }
.flex-70 { flex: 0 0 70%; width: 70%; }
.flex-75 { flex: 0 0 75%; width: 75%; }
.flex-80 { flex: 0 0 80%; width: 80%; }
.flex-85 { flex: 0 0 85%; width: 85%; }
.flex-90 { flex: 0 0 90%; width: 90%; }
.flex-95 { flex: 0 0 95%; width: 95%; }
.flex-100 { flex: 0 0 100%; width: 100%; }

@media (max-width: 768px) {
  .flex-10, .flex-15, .flex-20, .flex-25, .flex-30, .flex-35, .flex-40, .flex-45, .flex-50, 
  .flex-55, .flex-60, .flex-65, .flex-66, .flex-70, .flex-75, .flex-80, .flex-85, .flex-90, 
  .flex-95, .flex-100, .flex-33 {
    flex: 0 0 100%;
	width: 100%;
  }
}

/* Height percentages */
.h-5 { height: 5%; }
.h-10 { height: 10%; }
.h-15 { height: 15%; }
.h-20 { height: 20%; }
.h-25 { height: 25%; }
.h-30 { height: 30%; }
.h-33 { height: 33.3333%; }
.h-35 { height: 35%; }
.h-40 { height: 40%; }
.h-45 { height: 45%; }
.h-50 { height: 50%; }
.h-55 { height: 55%; }
.h-60 { height: 60%; }
.h-65 { height: 65%; }
.h-66 { height: 66.6666%; }
.h-70 { height: 70%; }
.h-75 { height: 75%; }
.h-80 { height: 80%; }
.h-85 { height: 85%; }
.h-90 { height: 90%; }
.h-95 { height: 95%; }
.h-100 { height: 100%; }

/* Fixed heights */
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h25 { height: 25px; }
.h30 { height: 30px; }
.h35 { height: 35px; }
.h40 { height: 40px; }
.h45 { height: 45px; }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h60 { height: 60px; }
.h65 { height: 65px; }
.h70 { height: 70px; }
.h75 { height: 75px; }
.h80 { height: 80px; }
.h85 { height: 85px; }
.h90 { height: 90px; }
.h95 { height: 95px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }

/* Width percentages */
.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-33 { width: 33.3333%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-66 { width: 66.6666%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }
.mw-100 { max-width: 100%; }


/* Fixed widths */
.w5 { width: 5px; }
.w10 { width: 10px; }
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w45 { width: 45px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w65 { width: 65px; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w768 { width: 768px; }
.w1024 { width: 1024px; }
.w1200 { width: 1200px; }

.mw-md { max-width:768px; }
.mw-800 { max-width:800px; }
.mw-900 { max-width:900px; }
.mw-1000 { max-width:1000px; }
.mw-lg { max-width:1024px; }
.mw-xl { max-width:1200px; }

/* Responsive adjustments for tablets and mobiles */
@media (max-width: 768px) {
  .w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, 
  .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, 
  .w-100, .w-33, .w-66 {
    width: 100%;
  }
}

.align-c{text-align:center}
.align-r{text-align:right}
.align-l{text-align:left}


/* Border-radius کلی */
.brd-0 { border-radius: 0; }
.brd-5 { border-radius: 5px; }
.brd-10 { border-radius: 10px; }
.brd-15 { border-radius: 15px; }
.brd-20 { border-radius: 20px; }
.brd-25 { border-radius: 25px; }
.brd-30 { border-radius: 30px; }
.brd-35 { border-radius: 35px; }
.brd-40 { border-radius: 40px; }
.brd-45 { border-radius: 45px; }
.brd-50 { border-radius: 50px; }
/* کلاس برای 50% */
.brd-circle { border-radius: 50%; }

/* کلاس‌های border-radius کلی */
.brd-0 { border-radius: 0; }
.brd-5 { border-radius: 5px; }
.brd-10 { border-radius: 10px; }
.brd-15 { border-radius: 15px; }
.brd-20 { border-radius: 20px; }
.brd-25 { border-radius: 25px; }
.brd-30 { border-radius: 30px; }

/* کلاس‌های border-top-left-radius */
.brd-tl-0 { border-top-left-radius: 0; }
.brd-tl-5 { border-top-left-radius: 5px; }
.brd-tl-10 { border-top-left-radius: 10px; }
.brd-tl-15 { border-top-left-radius: 15px; }
.brd-tl-20 { border-top-left-radius: 20px; }
.brd-tl-25 { border-top-left-radius: 25px; }
.brd-tl-30 { border-top-left-radius: 30px; }

/* کلاس‌های border-top-right-radius */
.brd-tr-0 { border-top-right-radius: 0; }
.brd-tr-5 { border-top-right-radius: 5px; }
.brd-tr-10 { border-top-right-radius: 10px; }
.brd-tr-15 { border-top-right-radius: 15px; }
.brd-tr-20 { border-top-right-radius: 20px; }
.brd-tr-25 { border-top-right-radius: 25px; }
.brd-tr-30 { border-top-right-radius: 30px; }

/* کلاس‌های border-bottom-left-radius */
.brd-bl-0 { border-bottom-left-radius: 0; }
.brd-bl-5 { border-bottom-left-radius: 5px; }
.brd-bl-10 { border-bottom-left-radius: 10px; }
.brd-bl-15 { border-bottom-left-radius: 15px; }
.brd-bl-20 { border-bottom-left-radius: 20px; }
.brd-bl-25 { border-bottom-left-radius: 25px; }
.brd-bl-30 { border-bottom-left-radius: 30px; }

/*کلاس‌های border-bottom-right-radius */
.brd-br-0 { border-bottom-right-radius: 0; }
.brd-br-5 { border-bottom-right-radius: 5px; }
.brd-br-10 { border-bottom-right-radius: 10px; }
.brd-br-15 { border-bottom-right-radius: 15px; }
.brd-br-20 { border-bottom-right-radius: 20px; }
.brd-br-25 { border-bottom-right-radius: 25px; }
.brd-br-30 { border-bottom-right-radius: 30px; }


/* border-style */
.br-solid { border-style: solid; }
.br-dashed { border-style: dashed; }
.br-dotted { border-style: dotted; }
.br-double { border-style: double; }
.br-groove { border-style: groove; }
.br-ridge { border-style: ridge; }
.br-inset { border-style: inset; }
.br-outset { border-style: outset; }
.br-none { border-style: none; }
.br-hidden { border-style: hidden; }

.br-0 { border-width: 0px; }
.br-1 { border-width: 1px; }
.br-2 { border-width: 2px; }
.br-3 { border-width: 3px; }
.br-4 { border-width: 4px; }
.br-5 { border-width: 5px; }
.br-6 { border-width: 6px; }
.br-7 { border-width: 7px; }
.br-8 { border-width: 8px; }
.br-9 { border-width: 9px; }
.br-10 { border-width: 10px; }

/* کلاس‌های border-top-width */
.br-t-0 { border-top-width: 0px; }
.br-t-1 { border-top-width: 1px; }
.br-t-2 { border-top-width: 2px; }
.br-t-3 { border-top-width: 3px; }
.br-t-4 { border-top-width: 4px; }
.br-t-5 { border-top-width: 5px; }

/* کلاس‌های border-left-width */
.br-l-0 { border-left-width: 0px; }
.br-l-1 { border-left-width: 1px; }
.br-l-2 { border-left-width: 2px; }
.br-l-3 { border-left-width: 3px; }
.br-l-4 { border-left-width: 4px; }
.br-l-5 { border-left-width: 5px; }

/* کلاس‌های border-right-width */
.br-r-0 { border-right-width: 0px; }
.br-r-1 { border-right-width: 1px; }
.br-r-2 { border-right-width: 2px; }
.br-r-3 { border-right-width: 3px; }
.br-r-4 { border-right-width: 4px; }
.br-r-5 { border-right-width: 5px; }

/* کلاس‌های border-bottom-width */
.br-b-0 { border-bottom-width: 0px; }
.br-b-1 { border-bottom-width: 1px; }
.br-b-2 { border-bottom-width: 2px; }
.br-b-3 { border-bottom-width: 3px; }
.br-b-4 { border-bottom-width: 4px; }
.br-b-5 { border-bottom-width: 5px; }

.list-style-none {
    list-style: none;
}
.br-c-aaa { border-color: #aaa; }
.br-c-eee { border-color: #eee; }
.br-c-ddd { border-color: #ddd; }
.br-c-444 { border-color: #444; }
.br-c-555 { border-color: #555; }
.br-c-666 { border-color: #666; }
.br-c-777 { border-color: #777; }
.br-c-888 { border-color: #888; }

/* رنگ‌های روشن */
.br-color-light-1 { border-color: #f8fafc; } /* Slate 50 */
.br-color-light-2 { border-color: #f1f5f9; } /* Slate 100 */
.br-color-light-3 { border-color: #e2e8f0; } /* Slate 200 */
.br-color-light-4 { border-color: #cbd5e1; } /* Slate 300 */
.br-color-light-5 { border-color: #94a3b8; } /* Slate 400 */
.br-color-light-6 { border-color: #64748b; } /* Slate 500 */
.br-color-light-7 { border-color: #475569; } /* Slate 600 */
.br-color-light-8 { border-color: #334155; } /* Slate 700 */
.br-color-light-9 { border-color: #1e293b; } /* Slate 800 */
.br-color-light-10 { border-color: #0f172a; } /* Slate 900 */
.br-color-light-11 { border-color: #020617; } /* Slate 950 */
.br-color-light-12 { border-color: #ffffff; } /* White */
.br-color-light-13 { border-color: #e5e7eb; } /* Gray 200 */
.br-color-light-14 { border-color: #d1d5db; } /* Gray 300 */
.br-color-light-15 { border-color: #9ca3af; } /* Gray 400 */
.br-color-light-16 { border-color: #6b7280; } /* Gray 500 */
.br-color-light-17 { border-color: #4b5563; } /* Gray 600 */
.br-color-light-18 { border-color: #374151; } /* Gray 700 */
.br-color-light-19 { border-color: #1f2937; } /* Gray 800 */
.br-color-light-20 { border-color: #111827; } /* Gray 900 */

/* رنگ‌های تاریک */
.br-color-dark-1 { border-color: #1f2937; } /* Gray 800 */
.br-color-dark-2 { border-color: #111827; } /* Gray 900 */
.br-color-dark-3 { border-color: #0f172a; } /* Slate 900 */
.br-color-dark-4 { border-color: #020617; } /* Slate 950 */
.br-color-dark-5 { border-color: #334155; } /* Slate 700 */
.br-color-dark-6 { border-color: #475569; } /* Slate 600 */
.br-color-dark-7 { border-color: #64748b; } /* Slate 500 */
.br-color-dark-8 { border-color: #94a3b8; } /* Slate 400 */
.br-color-dark-9 { border-color: #cbd5e1; } /* Slate 300 */
.br-color-dark-10 { border-color: #e2e8f0; } /* Slate 200 */
.br-color-dark-11 { border-color: #f1f5f9; } /* Slate 100 */
.br-color-dark-12 { border-color: #f8fafc; } /* Slate 50 */
.br-color-dark-13 { border-color: #d1d5db; } /* Gray 300 */
.br-color-dark-14 { border-color: #e5e7eb; } /* Gray 200 */
.br-color-dark-15 { border-color: #9ca3af; } /* Gray 400 */
.br-color-dark-16 { border-color: #6b7280; } /* Gray 500 */
.br-color-dark-17 { border-color: #4b5563; } /* Gray 600 */
.br-color-dark-18 { border-color: #374151; } /* Gray 700 */
.br-color-dark-19 { border-color: #1e293b; } /* Slate 800 */
.br-color-dark-20 { border-color: #ffffff; } /* White */


/* Text colors */
.black { color: black; }
.red { color: red; }
.yellow { color: yellow; }
.green { color: green; }
.blue { color: blue; }
.purple { color: purple; }
.orange { color: orange; }
.pink { color: pink; }
.brown { color: brown; }
.gray { color: gray; }
.white { color: white; }

/* Background colors */
.bg-none { background-color:unset; }
.bg-black { background-color: black; }
.bg-red { background-color: red; }
.bg-yellow { background-color: yellow; }
.bg-green { background-color: green; }
.bg-blue { background-color: blue; }
.bg-purple { background-color: purple; }
.bg-orange { background-color: orange; }
.bg-pink { background-color: pink; }
.bg-brown { background-color: brown; }
.bg-gray { background-color: gray; }
.bg-white { background-color: white; }


/* Slate رنگ‌ها */
.color-slate-50 { color: #f8fafc; }
.color-slate-100 { color: #f1f5f9; }
.color-slate-200 { color: #e2e8f0; }
.color-slate-300 { color: #cbd5e1; }
.color-slate-400 { color: #94a3b8; }
.color-slate-500 { color: #64748b; }
.color-slate-600 { color: #475569; }
.color-slate-700 { color: #334155; }
.color-slate-800 { color: #1e293b; }
.color-slate-900 { color: #0f172a; }
.color-slate-950 { color: #020617; }


/* Slate رنگ‌ها */
.bg-slate-50 { background-color: #f8fafc; }
.bg-slate-100 { background-color: #f1f5f9; }
.bg-slate-200 { background-color: #e2e8f0; }
.bg-slate-300 { background-color: #cbd5e1; }
.bg-slate-400 { background-color: #94a3b8; }
.bg-slate-500 { background-color: #64748b; }
.bg-slate-600 { background-color: #475569; }
.bg-slate-700 { background-color: #334155; }
.bg-slate-800 { background-color: #1e293b; }
.bg-slate-900 { background-color: #0f172a; }
.bg-slate-950 { background-color: #020617; }


/* دستگاه‌های بسیار کوچک sm*/
@media (max-width: 576px) 
{
	.flex-sm-col {
		flex-direction: column;
	}
}

/* دستگاه‌های کوچک md*/
@media (max-width: 768px) 
{
	.flex-md-col {
		flex-direction: column;
	}
	/* برای رزولوشن‌های متوسط (md) */
	.mb-md-1{margin-bottom:1px}.mb-md-5{margin-bottom:5px}.mb-md-10{margin-bottom:10px}.mb-md-15{margin-bottom:15px}.mb-md-20{margin-bottom:20px}.mb-md-25{margin-bottom:25px}.mb-md-30{margin-bottom:30px}.mb-md-35{margin-bottom:35px}.mb-md-40{margin-bottom:40px}.mb-md-45{margin-bottom:45px}.mb-md-50{margin-bottom:50px}.m-md-1{margin:1px}.m-md-5{margin:5px}.m-md-10{margin:10px}.m-md-15{margin:15px}.m-md-20{margin:20px}.m-md-25{margin:25px}.m-md-30{margin:30px}.m-md-35{margin:35px}.m-md-40{margin:40px}.m-md-45{margin:45px}.m-md-50{margin:50px}.mt-md-1{margin-top:1px}.mt-md-5{margin-top:5px}.mt-md-10{margin-top:10px}.mt-md-15{margin-top:15px}.mt-md-20{margin-top:20px}.mt-md-25{margin-top:25px}.mt-md-30{margin-top:30px}.mt-md-35{margin-top:35px}.mt-md-40{margin-top:40px}.mt-md-45{margin-top:45px}.mt-md-50{margin-top:50px}.mr-md-1{margin-right:1px}.mr-md-5{margin-right:5px}.mr-md-10{margin-right:10px}.mr-md-15{margin-right:15px}.mr-md-20{margin-right:20px}.mr-md-25{margin-right:25px}.mr-md-30{margin-right:30px}.mr-md-35{margin-right:35px}.mr-md-40{margin-right:40px}.mr-md-45{margin-right:45px}.mr-md-50{margin-right:50px}.ml-md-1{margin-left:1px}.ml-md-5{margin-left:5px}.ml-md-10{margin-left:10px}.ml-md-15{margin-left:15px}.ml-md-20{margin-left:20px}.ml-md-25{margin-left:25px}.ml-md-30{margin-left:30px}.ml-md-35{margin-left:35px}.ml-md-40{margin-left:40px}.ml-md-45{margin-left:45px}.ml-md-50{margin-left:50px}
}

/* دستگاه‌های متوسط lg*/
@media (max-width: 992px) 
{
	/* برای رزولوشن‌های بزرگ (lg) */
	.mb-lg-1{margin-bottom:1px}.mb-lg-5{margin-bottom:5px}.mb-lg-10{margin-bottom:10px}.mb-lg-15{margin-bottom:15px}.mb-lg-20{margin-bottom:20px}.mb-lg-25{margin-bottom:25px}.mb-lg-30{margin-bottom:30px}.mb-lg-35{margin-bottom:35px}.mb-lg-40{margin-bottom:40px}.mb-lg-45{margin-bottom:45px}.mb-lg-50{margin-bottom:50px}.m-lg-1{margin:1px}.m-lg-5{margin:5px}.m-lg-10{margin:10px}.m-lg-15{margin:15px}.m-lg-20{margin:20px}.m-lg-25{margin:25px}.m-lg-30{margin:30px}.m-lg-35{margin:35px}.m-lg-40{margin:40px}.m-lg-45{margin:45px}.m-lg-50{margin:50px}.mt-lg-1{margin-top:1px}.mt-lg-5{margin-top:5px}.mt-lg-10{margin-top:10px}.mt-lg-15{margin-top:15px}.mt-lg-20{margin-top:20px}.mt-lg-25{margin-top:25px}.mt-lg-30{margin-top:30px}.mt-lg-35{margin-top:35px}.mt-lg-40{margin-top:40px}.mt-lg-45{margin-top:45px}.mt-lg-50{margin-top:50px}.mr-lg-1{margin-right:1px}.mr-lg-5{margin-right:5px}.mr-lg-10{margin-right:10px}.mr-lg-15{margin-right:15px}.mr-lg-20{margin-right:20px}.mr-lg-25{margin-right:25px}.mr-lg-30{margin-right:30px}.mr-lg-35{margin-right:35px}.mr-lg-40{margin-right:40px}.mr-lg-45{margin-right:45px}.mr-lg-50{margin-right:50px}.ml-lg-1{margin-left:1px}.ml-lg-5{margin-left:5px}.ml-lg-10{margin-left:10px}.ml-lg-15{margin-left:15px}.ml-lg-20{margin-left:20px}.ml-lg-25{margin-left:25px}.ml-lg-30{margin-left:30px}.ml-lg-35{margin-left:35px}.ml-lg-40{margin-left:40px}.ml-lg-45{margin-left:45px}.ml-lg-50{margin-left:50px}

}

/* دستگاه‌های بزرگ xl*/
@media (max-width: 1200px) {

	/* برای رزولوشن‌های بسیار بزرگ (xl) */
	.m-xl-1{margin:1px}.m-xl-5{margin:5px}.m-xl-10{margin:10px}.m-xl-15{margin:15px}.m-xl-20{margin:20px}.m-xl-25{margin:25px}.m-xl-30{margin:30px}.m-xl-35{margin:35px}.m-xl-40{margin:40px}.m-xl-45{margin:45px}.m-xl-50{margin:50px}.mb-xl-1{margin-bottom:1px}.mb-xl-5{margin-bottom:5px}.mb-xl-10{margin-bottom:10px}.mb-xl-15{margin-bottom:15px}.mb-xl-20{margin-bottom:20px}.mb-xl-25{margin-bottom:25px}.mb-xl-30{margin-bottom:30px}.mb-xl-35{margin-bottom:35px}.mb-xl-40{margin-bottom:40px}.mb-xl-45{margin-bottom:45px}.mb-xl-50{margin-bottom:50px}.mt-xl-1{margin-top:1px}.mt-xl-5{margin-top:5px}.mt-xl-10{margin-top:10px}.mt-xl-15{margin-top:15px}.mt-xl-20{margin-top:20px}.mt-xl-25{margin-top:25px}.mt-xl-30{margin-top:30px}.mt-xl-35{margin-top:35px}.mt-xl-40{margin-top:40px}.mt-xl-45{margin-top:45px}.mt-xl-50{margin-top:50px}.mr-xl-1{margin-right:1px}.mr-xl-5{margin-right:5px}.mr-xl-10{margin-right:10px}.mr-xl-15{margin-right:15px}.mr-xl-20{margin-right:20px}.mr-xl-25{margin-right:25px}.mr-xl-30{margin-right:30px}.mr-xl-35{margin-right:35px}.mr-xl-40{margin-right:40px}.mr-xl-45{margin-right:45px}.mr-xl-50{margin-right:50px}.ml-xl-1{margin-left:1px}.ml-xl-5{margin-left:5px}.ml-xl-10{margin-left:10px}.ml-xl-15{margin-left:15px}.ml-xl-20{margin-left:20px}.ml-xl-25{margin-left:25px}.ml-xl-30{margin-left:30px}.ml-xl-35{margin-left:35px}.ml-xl-40{margin-left:40px}.ml-xl-45{margin-left:45px}.ml-xl-50{margin-left:50px}

}
.grid{display:grid;}
.g-col-1 {grid-template-columns: 1fr;}
.g-col-2 {grid-template-columns: repeat(2, 1fr);}
.g-col-3 {grid-template-columns: repeat(3, 1fr);}
.g-col-4 {grid-template-columns: repeat(4, 1fr);}
.g-col-5 {grid-template-columns: repeat(5, 1fr);}
.g-col-6 { grid-template-columns: repeat(6, 1fr);}
.g-col-7 {grid-template-columns: repeat(7, 1fr);}
.g-col-8 {grid-template-columns: repeat(8, 1fr);}
.g-col-9 {grid-template-columns: repeat(9, 1fr);}
.g-col-10 {grid-template-columns: repeat(10, 1fr);}
.g-col-11 {grid-template-columns: repeat(11, 1fr);}
.g-col-12 {grid-template-columns: repeat(12, 1fr);}



/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .g-col-xl-1 { grid-template-columns: 1fr; }
    .g-col-xl-2 { grid-template-columns: repeat(2, 1fr); }
    .g-col-xl-3 { grid-template-columns: repeat(3, 1fr); }
    .g-col-xl-4 { grid-template-columns: repeat(4, 1fr); }
    .g-col-xl-5 { grid-template-columns: repeat(5, 1fr); }
    .g-col-xl-6 { grid-template-columns: repeat(6, 1fr); }
    .g-col-xl-7 { grid-template-columns: repeat(7, 1fr); }
    .g-col-xl-8 { grid-template-columns: repeat(8, 1fr); }
    .g-col-xl-9 { grid-template-columns: repeat(9, 1fr); }
    .g-col-xl-10 { grid-template-columns: repeat(10, 1fr); }
    .g-col-xl-11 { grid-template-columns: repeat(11, 1fr); }
    .g-col-xl-12 { grid-template-columns: repeat(12, 1fr); }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .g-col-lg-1 { grid-template-columns: 1fr; }
    .g-col-lg-2 { grid-template-columns: repeat(2, 1fr); }
    .g-col-lg-3 { grid-template-columns: repeat(3, 1fr); }
    .g-col-lg-4 { grid-template-columns: repeat(4, 1fr); }
    .g-col-lg-5 { grid-template-columns: repeat(5, 1fr); }
    .g-col-lg-6 { grid-template-columns: repeat(6, 1fr); }
    .g-col-lg-7 { grid-template-columns: repeat(7, 1fr); }
    .g-col-lg-8 { grid-template-columns: repeat(8, 1fr); }
    .g-col-lg-9 { grid-template-columns: repeat(9, 1fr); }
    .g-col-lg-10 { grid-template-columns: repeat(10, 1fr); }
    .g-col-lg-11 { grid-template-columns: repeat(11, 1fr); }
    .g-col-lg-12 { grid-template-columns: repeat(12, 1fr); }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .g-col-md-1 { grid-template-columns: 1fr; }
    .g-col-md-2 { grid-template-columns: repeat(2, 1fr); }
    .g-col-md-3 { grid-template-columns: repeat(3, 1fr); }
    .g-col-md-4 { grid-template-columns: repeat(4, 1fr); }
    .g-col-md-5 { grid-template-columns: repeat(5, 1fr); }
    .g-col-md-6 { grid-template-columns: repeat(6, 1fr); }
    .g-col-md-7 { grid-template-columns: repeat(7, 1fr); }
    .g-col-md-8 { grid-template-columns: repeat(8, 1fr); }
    .g-col-md-9 { grid-template-columns: repeat(9, 1fr); }
    .g-col-md-10 { grid-template-columns: repeat(10, 1fr); }
    .g-col-md-11 { grid-template-columns: repeat(11, 1fr); }
    .g-col-md-12 { grid-template-columns: repeat(12, 1fr); }
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .g-col-sm-1 { grid-template-columns: 1fr; }
    .g-col-sm-2 { grid-template-columns: repeat(2, 1fr); }
    .g-col-sm-3 { grid-template-columns: repeat(3, 1fr); }
    .g-col-sm-4 { grid-template-columns: repeat(4, 1fr); }
    .g-col-sm-5 { grid-template-columns: repeat(5, 1fr); }
    .g-col-sm-6 { grid-template-columns: repeat(6, 1fr); }
    .g-col-sm-7 { grid-template-columns: repeat(7, 1fr); }
    .g-col-sm-8 { grid-template-columns: repeat(8, 1fr); }
    .g-col-sm-9 { grid-template-columns: repeat(9, 1fr); }
    .g-col-sm-10 { grid-template-columns: repeat(10, 1fr); }
    .g-col-sm-11 { grid-template-columns: repeat(11, 1fr); }
    .g-col-sm-12 { grid-template-columns: repeat(12, 1fr); }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 575.98px) {
    .g-col-xs-1 { grid-template-columns: 1fr; }
    .g-col-xs-2 { grid-template-columns: repeat(2, 1fr); }
    .g-col-xs-3 { grid-template-columns: repeat(3, 1fr); }
    .g-col-xs-4 { grid-template-columns: repeat(4, 1fr); }
    .g-col-xs-5 { grid-template-columns: repeat(5, 1fr); }
    .g-col-xs-6 { grid-template-columns: repeat(6, 1fr); }
    .g-col-xs-7 { grid-template-columns: repeat(7, 1fr); }
    .g-col-xs-8 { grid-template-columns: repeat(8, 1fr); }
    .g-col-xs-9 { grid-template-columns: repeat(9, 1fr); }
    .g-col-xs-10 { grid-template-columns: repeat(10, 1fr); }
    .g-col-xs-11 { grid-template-columns: repeat(11, 1fr); }
    .g-col-xs-12 { grid-template-columns: repeat(12, 1fr); }
}