@font-face { font-family: Bamini; src: url('Bamini.ttf'); } 
html { width: 100%; }
table { border-collapse: collapse; }
body { font-family: 'helvetica'; font-size: 18px; vertical-align: top; line-height: 25px;}
td { font-family: 'helvetica'; font-size: 18px; vertical-align: top; line-height: 25px; padding: 5px; }
.homemenu { font-size: 20px; text-align: center; text-decoration: none; vertical-align: middle; line-height: 20px; }
.homemenu:hover { background-color: #12ccc0; color: white; border-radius: 10px; }
.img-container { position: relative; overflow: hidden; transition: transform 2s ease-in-out; width: 100%; }
.img-container:hover,  .img-container:hover img { transform: scale(1.1); }
.tamil {font-family: Bamini; }
.title { font-size: 25px; text-align: center; color: white; vertical-align: bottom; line-height: 80px; }
.outertd { padding: 0px; }
.title1 { font-size: 18px; text-align: center; line-height: 30px; color: white; }
.title2 { font-size: 20px; width: 250px; height: 50px; text-align: center; vertical-align: middle; background-color: gray; color: white; text-decoration: none; }
.title2:hover { background-color: black;  color: white; }
a {text-decoration: none; color: white; }
a:hover {color: white; background-color: black; }
.gallery { background: white; }
.gallerybox { color: white; width: 27%; height: 300px; background: white; }
.gallerytitle { font-size: 25px; text-align: center; line-height: 50px; color: gray; text-decoration: red underline;}
.gallerytext { width: 80%; margin: auto; text-align: justify; vertical-align: top; line-height: 30px;  color: gray; }
.aboutustitle { font-size: 25px; text-align: center; line-height: 80px; }
.aboutustext { width: 80%; margin: auto; text-align: justify; font-size: 20px; line-height: 30px; color: blue; }
.galleryimg { vertical-align: top; width: 100%; height: 70%; margin-top: 0px; }
.pagetopimg { vertical-align: top; width: 350px; }
.midbox { color: white; width: 30%; height: 300px; text-align: center; vertical-align: middle; }
.productstext { width: 70%; margin: auto; font-size: 20px; text-align: justify; line-height: 30px; color: blue; }
.contactustext { width: 80%; margin: auto; font-size: 20px; text-align: justify; line-height: 30px; color: white; }
.border1 { width: 150px; color: #ff5a14; margin: auto; }
.whysubtitle { font-size: 20px; background-color: #ff5a14; line-height: 40px; color: white; cursor: pointer; border-bottom: 3px solid #f1f1f1; border-radius: 20px 0 0 20px;  padding: 5px; }
.border2: before { width: 250px; border-bottom:10px solid black; margin: auto; }
.border2: after { border-bottom: 1px solid #ff5a14;}
.gap1 { width: 50px; background-color: #ff5a14;}
.whytexttitle { font-size: 20px; text-align: center; background-color: #f1f1f1; }
.whytext { font-size: 15px; text-align: justify; background-color: #f1f1f1; padding: 10px; }
#hidden-div2, #hidden-div3, #hidden-div4, #hidden-div5 { display: none; transition-property: width, height; transition-duration: 50s; }
#hidden-div1 { display: block;  transition-property: width, height; transition-duration: 50s; }
#hidden-div1:target, #hidden-div2:target, #hidden-div3:target, #hidden-div4:target, #hidden-div5:target { width: 100%; height: 100%; }
.fa {
  padding: 5px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
}

.dropdown-content a {
  color: #c9020c;
  padding: 5px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .homemenu, .dropdown-content a:hover {background-color: #c9020c; color: white; }

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .homemenu:hover { background-color: #c9020c; color: white; border-radius: 10px; }