﻿* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.clbc-card {
  background-color: #ffffff;
  padding: 20px;
  margin-top:15px;
  margin-bottom:15px;
  border-radius: 15px;
  /*width: 320px;*/
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, background 0.3s ease;
  /*cursor: pointer;*/
    text-align:center;
}

.clbc-card-2 {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 15px;
  /*width: 320px;*/
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, background 0.3s ease;
  /*cursor: pointer;*/
    text-align:center;
    height:550px;
}


.clbc-card:hover, .clbc-card-2:hover {
  transform: scale(1.05);
  background: #f0f8ff;
}
.clbc-card h3, .clbc-card-2 h3 {
  font-weight: 600;
  font-size: 1.4rem;
  color: #333333;
  margin-bottom: 10px;
}
.clbc-card h2, .clbc-card-2 h2 {
  font-size: 2rem;
 color: #3f51b5;
  margin-bottom: 20px;
}
.clbc-card h2 span, .clbc-card-2 h2 span{
  font-size: 0.9rem;
  color: #666666;
}
.clbc-card ul, .clbc-card-2 ul {
  list-style: none;
  margin-bottom: 20px;
}
.clbc-card ul li, .clbc-card-2 ul li{
  margin: 10px 0;
 /* color:green;*/
}
/*.clbc-card li:nth-child(even){background-color: #f3f4fb;}*/
.clbc-card button, .clbc-card-2 button, .buttonc
{
  background-color: #3f51b5;
  color: #ffffff;
  /*border: none;*/
  padding: 12px 25px;
  border-radius: 8px;
  font-size: 1rem;
  transition: background 0.3s ease;
  border: 2px solid #ffffff4d; 
}
.clbc-card button a, .clbc-card-2 button a, .buttonc a
{ text-decoration:none;
}

.clbc-card button:hover, .clbc-card-2 button:hover, .buttonc:hover
{
  background: #005ecb;cursor: pointer;
}
.featured {
  border: 2px solid #3f51b5;
}
.responsive {width: 100%;height: auto;}

/*li.e {padding:10px; margin:5px; } 
   li.e:nth-child(even){background-color: #f3f4fb;  #fbfaf3; #f2f2f2;} 
  li.d {min-height: 65px; padding:0px; margin:0px;}
  
    .square {height: 45px;width: 40px;background-color: #fff;TEXT-ALIGN: CENTER;float: left;font-size: 12px;margin-right:20px;margin-bottom:10px;font-weight:bold;border: 1px solid #cccccc;border-radius:4px;}
 
   .squares {height: 18px;width: 55px;background-color: #fff;TEXT-ALIGN: CENTER;float: left;font-size: 12px;margin-right:10px;margin-bottom:12px;font-weight:bold;border: 1px solid #cccccc;border-radius:4px;}
 */