.new{
    width: 20%;
    margin: auto;
    background-color: #16a085;
    border: 2px;
    border-radius: 100px;
}
.new h1{
    text-align: center;
    color: #fff;
}


.container
{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.container .card
{
   width: 180px;
   height: 190px;
   padding: 30px 30px;
   margin: 20px;
   background: #f2f3f7;
   box-shadow: 0.6em 0.6em 1.2em #d2dce9,
               -0.5em -0.5em 1em #ffffff;
   border-radius: 20px;
}
.container .card .content
{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.container .card .content .imgBx
{
   width: 90px;
   height: 90px;
   border-radius: 50%;
   position: relative;
   margin-bottom: 10px;
   overflow: hidden;
}
.container .card .content .imgBx img
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.container .card .content .contentBx h5
{
   color: #36187d;
   font-size: 1.1rem;
   font-weight: bold;
   text-align: center;
   letter-spacing: 1px;
}
.container .card .content .contentBx h6
{
   color: #6c758f;
   font-size: 1.0rem;
   font-weight: bold;
   text-align: center;
}
/* .container .card .content .sci
{
   margin-top: 20px;
} */
/* .container .card .content .sci a
{
   text-decoration: none;
   color: #6c758f;
   font-size: 30px;
   margin: 10px;
   transition: color 0.4s;
}
.container .card .content .sci a:hover
{
   color: #0196e3;
} */

.btn-group button {
   background-color: #04AA6D; /* Green background */
   border: 1px solid green; /* Green border */
   color: white; /* White text */
   padding: 10px 24px; 
   cursor: pointer; /* Pointer/hand icon */
   float: center; /* Float the buttons side by side */
   text-align: center;
   border-radius: 10px;
   width: 20%;
 }
 

 .btn-group:after {
   content: "";
   clear: both;
   display: table;
 }
 
  .btn-group button:not(:last-child) {
   border-right: none; /* Prevent double borders */
 } 
 
 /* Add a background color on hover */
 .btn-group button:hover {
   background-color: #3e8e41;
 }

 .feedback{
    background-color: #16a085;
 }

 .button {
   
   border: none;
   color: white;
   padding: 16px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 4px 2px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 10px;
 }
 .btn {
   background-color: white; 
   color: black; 
   border: 2px solid #16a085;
 }
 
 .btn:hover {
   background-color:#16a085;
   color: white;
 }
 @media(max-width: 767px){
     .new{
         width: 50%;
     }
     .btn-group{
         width:70%;
         display: block;
         /* padding-right: 100px; */
         text-align: center;
     }
     .btn-group button {
         width: 35%;
    }
    
 }