/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face { 
  font-family: 'Termina';  
  src: 
    url('https://www.canton.network/hubfs/2023_Canton_Files/Termina-Medium.woff'); 
    format('woff');
}

h1,h2,h4,h5,h6 {
  font-family: 'Termina';
}


.dr_flex-cards__card-content .hs_cos_wrapper { 
  position: relative; 
  padding-bottom: 30px; 
}

.circle-icon-button {
  padding: 5px;
  border: 1px solid #1B1B1B; /* border color */
  border-radius: 50%; /* make it a circle */
  background-color: #F3FF97; /* background color */
  position: absolute;
  bottom: 0;
  right: 0;
  height: 48px;
  width: 48px;
  line-height: 44px;
  text-align: center; /* center the image horizontally */
}

.circle-icon-button:hover {
   background-color: #F9FFCB; /* change background color on hover */
}

.circle-icon-button img {
  max-width: 50%; /* make sure image fits inside the circle */
  vertical-align: center;
}