section 
{
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* .single-product{
  margin-top:50px;
  margin-bottom:50px;
} */
h5.pharmacode.pro-title{
    font-family: 'Montserrat' !important;
  margin-top: 20px;
  margin-bottom:30px;
  font-size: 25px;
  font-weight: 600;
}

h1
{
  font-size: 40px;
}
.pro-img
{
  margin-bottom: 40px;
}

.pro-img img{
  width:320px !important;
  transition: all .4s;
}

.pro-img img:hover
{
  /* border: 1px solid rgba(192, 192, 192, 0.26); */
  transform: scale(1.03);
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 0px 5px;
}
  /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
  background-color: #fff; 
 border-bottom:1px solid #BCBEC0; 
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
/*border: none;*/
outline: none;
font-size: 20px;
font-weight:600;
transition: 0.4s;
}
button:focus{
  outline: none;
}
.individual-product h4{
    font-family: 'Montserrat' !important;
  font-size: 22px !important;
  font-weight:600;
}

.individual-product p
{
    font-family: 'Montserrat' !important;
  font-size: 16px;
  font-weight: 400;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
background-color: #ccc;
border:none;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;

}

.pannel p
{
  font-size: 14px;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #fff; 
/* border-bottom:1px solid #000 !important; */
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
font-size: 20px;
font-weight:600;
transition: 0.4s;
}
button:focus{
  outline: none;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
background-color: #ccc;
border:none;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;

}

/* Blogs Page Start */

/* section
{
  margin-top: 50px;
  margin-bottom: 50px;
} */


#section
{
  margin-top: 50px;
}

.blogpage-title
{
  font-size: 30px;
  /* padding: 0px 0px 30px 0px; */
}

#page-title h1
{
  font-size: 40px;
}

#blogs-card
{
  border-radius: 20px;
}


#blogscard-img:hover
{
  transform: scale(1.05);
  cursor: pointer;
}

.page-title-layout5 {
  padding-top: 40px;
  /* padding-bottom: 40px; */
}
.page-title {
  padding-top: 110px;
  /* padding-bottom: 120px; */
}
/* Blogs Page End */

/* Single blogs Page */


#silgle-blogs-banner
{
  overflow: hidden;
  border-radius: 10px;
}

#silgle-blogs-banner
{
  
  border-radius: 10px;
  transition: all .5s;
}

#silgle-blogs-banner:hover
{
  transform: scale(1.02);
}

/* Single blogs Page */