body.widget-snippet .patient-form-container .thum-item-box .item-box-content {
position:relative
}
body.widget-snippet .patient-form-container .thum-item-box .destion-content{
  height:unset;
 opacity:1;
}

.patient-form-section{
  padding:14px 15px 80px 15px;
}

.patient-form-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;

}

.patient-form-container .thum-item-box {
    width: calc(100%/3 - 32px);
    margin: 0 16px 32px;
    padding: 38px 40px;
    background: #FFE494;
    text-decoration:none;
    min-height:280px;
    position: relative;
}
.patient-form-container .thum-item-box .item-box-content {
    position: absolute;
    bottom: 25px;
    max-width: 82%;
}

.patient-form-container .thum-item-box.item-box-1{
  background: #FFE494;
  
}
.patient-form-container .thum-item-box.item-box-2{
  background: #A7F4DA;
  
}
.patient-form-container .thum-item-box.item-box-3{
  background: #DBD0FF;
  
}
.patient-form-container .thum-item-box.item-box-4{
  background: #F4C1FF;
  
}
.patient-form-container .thum-item-box.item-box-5{
  background: #CAE4FF;
  
}
.patient-form-container .thum-item-box.item-box-6{
  background: #E2FE90;
  
}
.patient-form-container .thum-item-box.item-box-7{
  background: #FF95A9; 
}

.patient-form-container .thum-item-box h3{
   font-size: 22px;
   font-style: normal;
   font-weight: 600;
   line-height: 29px;
   color:#000000;
   margin:0;
   padding-bottom: 5px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.patient-form-container .thum-item-box .destion-content{
   color: #000;
   font-family: Outfit;
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: 23px;
   height:0;
   opacity:0;
}
.patient-form-container .thum-item-box .destion-content >div{
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.patient-form-container .thum-item-box .arrow-icon{
  display:block;
  border-radius: 46px;
  background: rgba(0, 0, 0, 0.10);
  width: 120px;
  height:46px;
  position:relative;
  margin-top: 22px;
    font-size:16px;
  font-weight:600;
  padding:11px 5px;
  text-align:center;
}
.patient-form-container .thum-item-box:hover .destion-content{
  height:auto;
  transition:opacity 5s;
      opacity:1;
    margin-top: 5px;
    transition: 0.5s;
}
@media only screen and (max-width:1200px) {
.patient-form-container .thum-item-box .destion-content{
  height:auto;
 opacity:1;
}
.patient-form-container .thum-item-box h3{
   font-size: 20px;
   line-height: 26px;
}
.patient-form-container .thum-item-box {
    margin: 0 16px 30px;
    padding: 20px;
}
.patient-form-container .thum-item-box .arrow-icon{
  margin-top:10px;
  position:absolute;
  bottom:45px;
}
.patient-form-container .thum-item-box .item-box-content {
    bottom: auto;
  top:25px;
  height:100%;
}
.patient-form-section {
    padding: 14px 0 60px 0;
}
}
@media only screen and (max-width:991px) {
.patient-form-container .thum-item-box {
    width: calc(100%/2 - 32px) !important;
    margin: 0 10px 32px;
    padding: 38px 40px;
}
  .patient-form-container {
    margin: 0 -10px;
}
.patient-form-section {
    padding: 0 0 35px 0;
}
}

@media only screen and (max-width:767px) {
.patient-form-container .thum-item-box {
    width: 100% !important;
    margin: 0 0 20px;
    padding: 20px;
    min-height: auto;
    height: auto;
}
.patient-form-section {
    padding: 0 0 20px 0;
}
.patient-form-container {
    margin: 0;
}
.patient-form-container .thum-item-box .item-box-content {
  position: relative;
  bottom: unset;
  top:unset;
  height: auto;
  max-width: 100%;
}
.patient-form-container .thum-item-box .arrow-icon {
    margin-top: 20px;
  position: relative;
    bottom: unset;
}
}