.clientHead{
    /* width: 575px;
height: 90px; */
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 90px;
text-align: center;
text-transform: capitalize;
color: #231A19;
animation-name: titleAnimation;
  animation-timing-function:ease;
  animation-duration: 1.2s;

}

.clientSubhead{

    
/* height: 24px; */

font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #231A19;

}

.clientNote{
    /* width: 1028px;
height: 30px; */
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #231A19;
margin-bottom: 16px;
margin-top: 36px;
margin-left: 2px;
}

.clientCard{
    font-family: 'Poppins';
    font-style: normal;
    text-align: center;
text-transform: capitalize;

box-sizing: border-box;

/* Auto layout */

align-items: center;
padding: 22px 27px;
gap: 24px;



/* Inside auto layout */



}

.card{
    margin-bottom: 30px;
    border: 1px solid rgba(35, 26, 25, 0.1);
    border-radius: 8px;
}

.cardYear {
    /* width: 48px;
height: 30px; */
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #231A19;
order: 0;
text-align: center;
text-transform: capitalize;

margin-bottom: 27px;
text-align: center;
text-transform: capitalize;


}

.cardHead {
    /* width: 339px;
height: 52px; */
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #231A19;
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 24px;

}

.cardCategory {
   
/* height: 46px; */
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: #000000;
order: 0;
text-align: center;
background: #F4F3F3;
padding: 10px;
justify-content: center;
margin-top: -10px;
border-radius: 8px;
animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
/* Inside auto layout */

}

.cardLogo {
    width: 163.92px;
left: 30.09px;
top: 3.5px;
margin-bottom: 27px;
}

.heading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .suhead-container{
    
box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 12px 0px;
gap: 10px;

/* width: 535px; */
height: 48px;

background: #FDF6F5;
border: 1px solid rgba(209, 74, 63, 0.1);
border-radius: 8px;

/* Inside auto layout */


  }

  @media (max-width: 992px) {
    .clientHead{
        font-size: 32px;
line-height: 48px;
    }

    .clientSubhead{
        font-size: 14px;
line-height: 24px;
    }

    .clientNote{
        font-size: 14px;
        margin-bottom: 12px;
        margin-top: -30px;
    }

    .clientCard{
    padding: 16px;
    gap: 16px;
    }

    .suhead-container{
        height: 68px;
        margin: 16px 4px;
    }

    .cardYear{
        font-size: 20px;
line-height: 30px;
margin-bottom: 19px;
    }
    .cardLogo{
        margin-bottom: 19px;
    }

    .cardHead{
        font-size: 16px;
line-height: 26px;
margin-bottom: 16px;

    }

    .cardCategory{
        font-size: 14px;
line-height: 26px;
    }
    
  }