.product {
    float: left;
    width: 100%;
    border-radius: 2%;
    margin: 1%;
}

.product:hover {
    box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1.5px 1.5px 2.5px 3px rgba(0, 0, 0, 0.4);
}
.image-box {
    width: 100%;
    overflow: hidden;
    border-radius: 2% 2% 0 0;
}

.images {
    height: 15em;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 2% 2% 0 0;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.images:hover {
    transform: scale(1.2);
    overflow: hidden;
    border-radius: 2%;
}

/* IMAGES */
#image-1 {
    background-image: url("../../www.churchproduction.com/downloads/26947/download/PTZoptics-moveeec2.jpg?cb=b6575f896c45d07de3e90469aa5947e5&w=1024");
}

#camera {
    background-image: url("../image/products/Confrence.html\ camera.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#UF62FQ {
    background-image: url("../image/products/UF62FQ-1.jpg");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#UF71N {
    background-image: url("../image/products/UF71N-2.jpg");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#UF71Nt {
    background-image: url("../image/products/UF71N-1.jpg");
    border: 0.01em solid #521138;
    border-bottom: none;
}

#switcher {
    background-image: url("../image/products/switcher.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}

#switcher-1 {
    background-image: url("../image/products/4inputs.html\ \(3\).jpg");
    border: 0.01em solid #521138;
    border-bottom: none;
}

#video-encoder {
    background-image: url("../image/products/Video.html\ Encoder.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}

#PTZ-camera-control {
    background-image: url("../image/products/PTZ.html\ Camera\ cantrol.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}

#encoder-1{
    background-image: url("../image/Video_Encoder/Video.html\ Encoder\ 1.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#encoder-2{
    background-image: url("../image/Video_Encoder/Wireless.html\ Bonding\ Encoder\ 1.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#ptz-1{
    background-image: url("../image/products/PTZ-CAMREA-1.png");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#ptz-2{
    background-image: url("../image/products/ptz-camera-4k.html\ \(1\).png");
    border: 0.01em solid #521138;
    border-bottom: none;
}
#image-2 {
    background-image: url("../img/product/switcher.html");
}

#image-3 {
    background-image: url("../../bzbgear.com/wp-content/uploads/2021/09/BG-Commander-1.jpg");
}

#image-4 {
    background-image: url("../img/product/encoder-small.html");
}

#image-5 {
    background-image: url("../img/product/mobile-cast.html");
}
.text-box {
    width: 100%;
    float: left;
    border: 0.01em solid #521138;
    border-radius: 0 0 2% 2%;
    padding: 1em;
}
.item {
    clear: left;
    width: 100%;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    margin-bottom: -5px;
}


.description,
.button {
    float: left;
    clear: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
    text-align: center;
    margin: 0.2em auto;
}


button {
    padding: 2%;
    background-color: #521138;
    border: none;
    border-radius: 2%;
    color: #fff;
    cursor: pointer;

}

button:hover {
    bottom: 0.1em;
}

button:focus {
    outline: 0;
}

button:active {
    bottom: 0;
    background-color: #a47602;
    color: #fff;
}

.product-title {
    font-family: "Raleway", sans-serif;
    text-align: center;
    padding-top: 20px;

}

.description-text {
    margin-top: 30px;
    font-size: 16px;
    background: #521138;
    color: #ffffff;
    text-align: center;
    padding: 5px;
    line-height: 23px;
}