.custom-search-container #search {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box; background-color: #fff;
} .custom-table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
}
.custom-table th, .custom-table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.custom-table th {
background-color: #f7f7f7;
font-weight: bold;
}
.custom-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.custom-table tr:hover {
background-color: #f1f1f1;
} .custom-table a {
text-decoration: none;
color: #007bff;
}
.custom-table a:hover {
text-decoration: underline;
} .product_block {
padding: 5px 10px 5px 5px;
font-size: 0;
}
.product_block_image {
display: inline-block;
vertical-align: middle;
font-size: 0;
width: 35%;
box-sizing: border-box;
padding-right: 20px;
}
.product_block_right {
display: inline-block;
width: 65%;
vertical-align: top;
padding-left: 30px;
font-size: 16px;
}
.product_block_but {
display: inline-block;
vertical-align: text-top;
border-radius: 40px;
padding: 15px 25px;
box-shadow: inset 0 0 0 3px rgb(0 0 0 / 20%), 0 3px 6px 0px rgb(0 0 0 / 30%);
font-size: 18px;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.product_block_but.but1 {
background: #0e8d94;
}
.product_block_but.but2 {
background: #da4545;
cursor: pointer;
} .two_blocks {
padding:1em .5em .5em;
}
.product_left_block {
display: inline-block;
float: left;
width: 50%;
}
.product_right_block {
display: inline-block;
width: 50%;
padding-left: 20px;
}
@media screen and (max-width: 768px) {
.product_left_block {
display: block;
width: 100%;
}	
.product_right_block {
display: block;
width: 100%;
padding-left: 0px;
}
} .button_click {
display: flex;
align-items: center; 
justify-content: center;
} .six {
padding: 20px 20px;
text-align: center;
}
.six h2 {
font-weight: normal;
font-family: 'Merriweather', serif;
position: relative;
margin: 0;
line-height: 1;
color: #3a3a3a;
font-size: 40px;
padding: .2em 1em .55em;
}
@media (max-width: 600px) {
.six h2 {font-size: 2em;}
}
@media (max-width: 450px) {
.six h2 {font-size: 1.5em;}
} .products {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-around
}
.product-card {
display: flex;
flex-direction: column;
padding-top: 20px;
width: 320px;
}
.product-name {
font-size: 18px;
font-weight: bold;
text-align:center;
} .footer_link {
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
display: inline;
padding: 0 0 0 0;
}
.footer_link:hover {
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
display: inline;
}
.footer_link:active {
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
display: inline;
}
.footer_link:focus {
background-color: transparent;
border: none;
color: #000;
cursor: pointer;
display: inline;
}
.footer_text_link {
margin-bottom: 0;
} .product-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -10px;
}
.product-item {
width: calc(50% - 20px);
margin: 0 10px 20px;
background-color: #f9f9f9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.product-thumbnail {
overflow: hidden;
height: 200px;
}
.product-thumbnail img {
width: 100%;
height: auto;
transition: transform 0.3s ease-in-out;
}
.product-thumbnail:hover img {
transform: scale(1.1);
}
.product-title {
padding: 10px;
text-align: center;
}
.product-title div {
font-size: 16px;
line-height: 1.5;
color: #333;
} h2 {
margin-top: 30px;
} .disclamer {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
font-weight: bold;
}