:root { 
  
  --colorRed:  #E44848; 
}


body {

  overflow: clip;
  overflow-y: scroll;
  text-wrap: balance;
}

main {
  
  min-height: calc(100dvh - 130px); 
}

img {

  max-width: 100%;
  display: block;
}

body {
  
  & .container {
    
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    gap: 30px;
    padding-inline: 10px;
  }
  
  & .addRecommendationButton {
    
    position: sticky;
    top: 90px;
    z-index: 20;
    inset-inline: 0;
    padding-block: 10px;
    margin-bottom: -40px;
    display: flex;
    justify-content: center;
  }
  
  & .topContentHeader {
    
    padding-top: 30px;
    text-align: center;
    max-width: 550px;
    margin: auto;
   
    & h1 {
      
      display: block;
      font-weight: bold;
      font-size: 24px;
      line-height: 1;
      margin-bottom: 10px;
    }
    
    & .description {
      
      text-align: center;
      font-size: 14px;
      line-height: 1;
    }
  }
}

.box-Gradient {
  
  background-image: linear-gradient(color-mix(in lab, var(--colorRed) 5%, var(--colorWhite)), var(--colorWhite) 50%);
  border: 1px solid var(--color5);
  border-radius: 30px;
  overflow: clip;
}

.skeletonWrapper {
  
  .box-Gradient {
    
     background-image: linear-gradient(color-mix(in lab, #eee 60%, var(--colorWhite)), var(--colorWhite) 50%);
  }
}


.section-testemonialsContent {
  
  padding-block: 30px; 
}

.section-testemonialsContent .splide__list {
  
  list-style:  none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 400px), 1fr));
  grid-template-rows: masonry;
  gap: 30px;
}


.section-testemonialsContent .splide__list .listLoader {
  
  grid-column: 1 / -1;
  text-align: center;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxWrap {
  
  padding: 20px;
  min-height: 200px; 
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader {
  
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderImg {
 
  width: 65px;
  height: 65px;
  overflow: clip;
  border-radius: 50%; 
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderTitle {
  
  flex: 1;
  min-width: 0;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderTitle .title {
  
  white-space: nowrap;
  font-weight: bold;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis; 
  
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderTitle .desc {
  
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderLogo {
  
  width: 130px;
  aspect-ratio: 215 / 75;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderLogo img {
  
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxHeader .section-testemonialsContent__splide_boxHeaderImg img {
  
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxContent:not(:empty) {
  
  position: relative;
  margin-top: 20px; 

}

.section-testemonialsContent .section-testemonialsContent__splide_boxContent p {
  
  text-wrap: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxContent.read-more {
  
  margin-block: 20px;
}

.section-testemonialsContent .section-testemonialsContent__splide_boxContent.read-more.more p {
  
  -webkit-line-clamp: none;
}

.cn-body .section-testemonialsContent__splide_readMoreBtn {
  
  display: none;
  position: absolute;
  bottom: -20px;
  inset-inline-start: 0;
  color: var(--link-color-main, #0078d4);
  text-decoration: underline;
}

.cn-body .section-testemonialsContent .section-testemonialsContent__splide_boxContent.read-more .section-testemonialsContent__splide_readMoreBtn {
  
  display: block;
}