*{
    margin: 0px 0 0 0;
    padding: 0;
}

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
direction:rtl;
}

.center-title1{
width:180px;
height:30px;
text-align:center;
align-content:center;
font-size:25px;
font-weight:bold;
color:blue;
line-height:30px;
display:inline-block;
text-shadow:10px 10px 5px gray;
position: absolute;
left: 50%;
margin-left: -100px;
background-image:url('../images/14347.jpg');
font-family: 'B Nazanin';
}

#form1.bordera{
 background-color:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form1.bordera:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */
}

#image1.rounded1{
background-image:url('../imagesSanitarySupplies/d1.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;

}


.bordera-body1{
text-align:center;
font-size:18px;
color:black;
}

p.bordera-text1{
text-align:center;
background-color:#fcfcfc;
border-color:#e5d4d4;
text-decoration-color:black;
color:black;
}

.bordera-footer1{
text-align:center;
color:black;

}
button.btn1{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn2{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}

#form2.borderb{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form2.borderb:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image2.rounded2{
background-image:url('../imagesSanitarySupplies/d2.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderb-body2{
text-align:center;
font-size:18px;
color:black;
}

p.borderb-text2{
text-align:center;
color:black;
}

.borderb-footer2{
text-align:center;
color:black;
}
button.btn3{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn4{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form3.borderc{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form3.borderc:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image3.rounded3{
background-image:url('../imagesSanitarySupplies/d3.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderc-body3{
text-align:center;
font-size:18px;
color:black;
}

p.borderc-text3{
text-align:center;
color:black;
}

.borderc-footer3{
text-align:center;
color:black;
}
button.btn5{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn6{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form4.borderd{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form4.borderd:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image4.rounded4{
background-image:url('../imagesSanitarySupplies/d4.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderd-body4{
text-align:center;
font-size:18px;
color:black;
}

p.borderd-text4{
text-align:center;
color:black;
}

.borderd-footer4{
text-align:center;
color:black;
}
button.btn7{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn8{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


.center-title2{
width:360px;
height:30px;
text-align:center;
align-content:center;
font-size:25px;
font-weight:bold;
color:blue;
line-height:30px;
display:inline-block;
text-shadow:10px 10px 5px gray;
position: absolute;
left: 40%;
margin-left: -60px;
background-image:url('../images/images.jpg');
font-family:'B Nazanin';
}

#form5.bordere{
 background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form5.bordere:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image5.rounded5{
background-image:url('../imagesCosmetic/d5.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;

}

.bordere-body5{
text-align:center;
font-size:18px;
color:black;
}

p.bordere-text5{
text-align:center;
background-color:#fcfcfc;
border-color:#e5d4d4;
color:black;
}

.bordere-footer5{
text-align:center;
color:black;
}
button.btn9{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn10{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}

#form6.borderf{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form6.borderf:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image6.rounded6{
background-image:url('../imagesCosmetic/d6.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderf-body6{
text-align:center;
font-size:18px;
color:black;
}

p.borderf-text6{
text-align:center;
color:black;
}

.borderf-footer6{
text-align:center;
color:black;
}
button.btn11{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn12{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form7.borderg{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form7.borderg:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image7.rounded7{
background-image:url('../imagesCosmetic/d7.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderg-body7{
text-align:center;
font-size:18px;
color:black;
}

p.borderg-text7{
text-align:center;
color:black;
}

.borderg-footer7{
text-align:center;
color:black;
}
button.btn13{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn14{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form8.borderh{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form8.borderh:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image8.rounded8{
background-image:url('../imagesCosmetic/d8.jpg');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderh-body8{
text-align:center;
font-size:18px;
color:black;
}

p.borderh-text8{
text-align:center;
color:black;
}

.borderh-footer8{
text-align:center;
color:black;
}
button.btn15{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn16{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}

.center-title3{
width:180px;
height:30px;
text-align:center;
align-content:center;
font-size:25px;
font-weight:bold;
color:blue;
line-height:30px;
display:inline-block;
text-shadow:10px 10px 5px gray;
position: absolute;
left: 50%;
margin-left: -100px;
background-image:url('../images/14347.jpg');
font-family: 'B Nazanin';
}

#form9.borderi{
 background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form9.borderi:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image9.rounded9{
background-image:url('../imagesDahua/d9.png');
text-align:center;
width:215px;
height:215px;
margin:15px;

}

.borderi-body9{
text-align:center;
font-size:18px;
color:black;
}

p.borderi-text9{
text-align:center;
background-color:#fcfcfc;
border-color:#e5d4d4;
color:black;
}

.borderi-footer9{
text-align:center;
color:black;
}

button.btn017{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn018{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}

#form10.borderl{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form10.borderl:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image10.rounded10{
background-image:url('../imagesDahua/d10.png');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderl-body10{
text-align:center;
font-size:18px;
color:black;
}

p.borderl-text10{
text-align:center;
color:black;
}

.borderl-footer10{
text-align:center;
color:black;
}
button.btn19{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn20{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form11.borderm{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form11.borderm:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image11.rounded11{
background-image:url('../imagesDahua/d11.png');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.borderm-body11{
text-align:center;
font-size:18px;
color:black;
}

p.borderm-text11{
text-align:center;
color:black;
}

.borderm-footer11{
text-align:center;
color:black;
}
button.btn21{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn22{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}


#form12.bordern{
background:#fcfcfc;
 direction:rtl;
 display:block;
 border-width:thin;
 border-style: dotted;
 width:245px;
 height:340px;
 margin:5px;
 font-family: 'B Nazanin';
}

#form12.bordern:hover{
webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
filter: brightness(106%); 
  box-shadow: 0px 0px 150px #000000   z-index: 2;   -webkit-transition: all 200ms ease-in;   -webkit-transform: scale(1);   -ms-transition: all 200ms ease-in;   -ms-transform: scale(1.02);   -moz-transition: all 200ms ease-in;   -moz-transform: scale(1.02);   transition: all 200ms ease-in;   transform: scale(1.02);   /* code by: DonyaIT.blog.iR */

}

#image12.rounded12{
background-image:url('../imagesDahua/d12.png');
text-align:center;
width:215px;
height:215px;
margin:15px;
}

.bordern-body12{
text-align:center;
font-size:18px;
color:black;
}

p.bordern-text12{
text-align:center;
color:black;
}

.bordern-footer12{
text-align:center;
color:black;
}
button.btn23{
margin:22px;
color:white;
background-color:blue;
width:80px;
height:40px;
text-emphasis-color:aqua;
}

button.btn24{
margin:12px;
color:white;
background-color:green;
width:80px;
height:40px;
}

.my-center{
 text-align:center;
}

.numbers {
 display: inline-block;
}

.numbers a {
 color: #000;
 background-color:#fff;
 float: right;
 padding: 8px 16px;
 text-decoration: none;
 border-radius:50px;
 border: 1px solid #fff;
 margin:0 3px;
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
}

.numbers a.active{
 background-color:#00b647;
 color:#fff;
}

.numbers a:hover:not(.active){
 background-color:#e1dd33;
}