.line-box2 {  border: 1px solid #ddd;  border-radius: 3px;  padding: 16px;}.speaker-wrap {  display:flex;  flex-direction: column;  justify-content:center;  align-items:center;  z-index: 1;  background: #FFF;  border-radius: 5px;  padding: 10px;  margin: 0;  overflow: hidden;  width:250px;}.speaker-wrap .speaker-photo a {  display: block}.speaker-wrap .pic-1 {  opacity: 1;  transition: all .5s ease-out 0s}.speaker-wrap .pic-2 {  opacity: 0;  transform: rotateY(-90deg);  position: absolute;  top: 0;  left: 0;  transition: all .5s ease-out 0s}.speaker-wrap .speaker-info {  text-align: center;  padding: 10px;  background-color: #FFFFFF;  color: #043a78;}.speaker-wrap .title {  font-size: 20px;  font-weight: 600;  text-transform: capitalize;  margin: 10px 0;  transition: all .3s ease 0s;}.speaker-wrap .title a {  color: #333;  overflow: hidden;  display: -webkit-box;  line-clamp: 2;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.speaker-wrap .title a:hover {  color: #054212}.speaker-wrap .position {  overflow: hidden;  display: -webkit-box;  line-clamp: 2;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.speaker-wrap .summary {  background-color: #ffffff;  color: #242527;  font-size: 15px;  padding: 10px;  text-align: left;}@media only screen and (max-width: 990px) {  .speaker-wrap { margin-bottom:30px  }}@media (min-width: 320px) and (max-width: 480px) { .speaker-wrap{width:100%;} .speaker-wrap .social {   left:calc(50% - 20px);   top: 90%; }}.speaker-wrap .button-zone {  display: flex;  justify-content: space-between;  gap: 10px;}.speaker-wrap .button-zone a {  flex-grow: 0;  flex-shrink: 0;  flex-basis: calc(50% - 5px);  display: flex;  align-items: center;  justify-content: center;  gap: 5px;}.speaker-wrap .button-zone .btn-xs {  padding: 4px;  font-size: 11px;  line-height: 1.2;  border-radius: 3px;}.speaker-photo {  overflow: hidden;  perspective: 1500px;  position: relative;  transition: all .3s ease 0s;  width: 180px;  height: 180px;  border-radius: 100%;  overflow: hidden;}.grid-wrap { display: grid; grid-template-columns: auto auto auto auto auto; column-gap: 10px; row-gap: 20px;}.grid-wrap .grid-item { padding: 10px; width: 270px; cursor: pointer;}.grid-wrap .grid-item:hover {  transform: scale(1.01);  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);}@media screen and (min-width: 992px) and (max-width:1200px) {  .grid-wrap { display: grid; grid-template-columns: auto auto auto auto; background-color: #ddd; column-gap: 20px; padding: 20px; margin-bottom: 30px;  }}@media screen and (min-width: 768px) and (max-width:992px) {  .grid-wrap { display: grid; grid-template-columns: auto auto auto; background-color: #ddd; column-gap: 20px; padding: 20px; margin-bottom: 30px;  }}@media screen and (min-width: 480px) and (max-width:768px) {  .grid-wrap { display: grid; grid-template-columns: auto auto; background-color: #ddd; column-gap: 20px; padding: 20px; margin-bottom: 30px;  }}@media screen and (max-width: 480px) { .grid-wrap {  display: grid;  grid-template-columns: auto;  background-color: #fff;  column-gap: 20px;  padding: 10px;  margin-bottom: 30px;  justify-items:center; }}.grid-title {  font-size: 14px;  font-weight: 600;  min-height: 42px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}.grid-content .summary {  font-size: 12px;  min-height: 55px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}.grid-footer {  display: grid;}.grid-footer.date-wrap {  margin-top: 10px;  font-size: 10px;}.bg-news {  background-color: #ddd;}.bg-product {  background-color: #ffffff;}@media screen and (max-width: 480px) {  .bg-news, .bg-product { background-color: #ffffff;  }}.rating {  display: flex;  justify-content: between;  align-items: center;  flex-direction: row;}.hidden {  opacity: 0;}.star {  display: inline-block;  margin: 3px;  font-size: 28px;  color: #ddd;  position: relative;  &.animate { -webkit-animation: stretch-bounce .5s ease-in-out;  }  &.hidden { opacity: 0;  }}.full {  &:before { font-family: fontAwesome; display: inline-block; content: "\f005"; position: relative; float: right; z-index: 2;  }}.half {  &:before { font-family: fontAwesome; content: "\f089"; position: absolute; float: left; z-index: 3;  }}.star-colour {  color: #600060;}@-webkit-keyframes stretch-bounce {  0% { -webkit-transform: scale(1);  }  25% { -webkit-transform: scale(1.5);  }  50% { -webkit-transform: scale(0.9);  }  75% { -webkit-transform: scale(1.2);  }  100% { -webkit-transform: scale(1);  }}.selected {  &:before { font-family: fontAwesome; display: inline-block; content: "\f005"; position: absolute; top: 0; left: 0; -webkit-transform: scale(1); opacity: 1; z-index: 1;  }  &.pulse { &:before {   -webkit-transform: scale(3);   opacity: 0; }  }  &.is-animated { &:before {   transition: 1s ease-out; }  }}.rating-point {  color: #2196f3;  font-weight: 600;}@media (min-width: 480px) {  .star { font-size: 16px;  }}