/* @import url('http://example.com/example_style.css'); */

@import url("https://use.typekit.net/aug0amn.css");

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.main-cta{background-color: #135CFF;
padding: 12px 32px;
border-radius: 12px;
color: #ffffff;
font-weight: 800 !important;
border-style: none;
width: fit-content;
}


.rmv-marg {
  
  margin: 0px;
  
}

.flex-row {
  
  display: flex;
   flex-direction: row;
}

.flex-col{
  display: flex;
  flex-direction: column;

}


.prnt-con-wdth {
  width: clamp(0px, 100%, 1280px);
  justify-content: center;
  align-items: center;
}

.prnt-con-pad{padding:64px;}
@media only screen and (max-width: 800px) {.prnt-con-pad{padding: 18px;}}

.out-con {
  width: 100%;
  display: flex;
  justify-content: center;
}

.grey-bg {
  background-color: #f4f4f4;
}

.reg-box {
  
  padding: 24px;
  border-radius: 12px;
  display: flex;
  gap: 12px;
  
}

.hgh-box {
  padding: 4px 12px;
  border-radius: 8px;
  display: flex;
  width: fit-content;
  gap: 4px;
  justify-content: center;
}

.eb-box {
  padding: 6px 16px;
  border-radius: 8px;
  display: flex;
  width: fit-content;
}

.bold-font{
  font-weight: 800;
}

.med-font{
  font-weight: 600;
}

.b-font {
  font-family: "Geist",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.b-reg {

  font-size: 16px;
  
}

.b-small {

  font-size: 14px;
  
}

.b-large {

  font-size: 18px;
  
}


.h-font {
  font-family: "quatro-slab", serif;
  font-weight: 500;
  font-style: normal;
}

.header-1 {
  font-size: clamp(2.3rem, 2.4385rem + 2vw, 3.5rem);
  line-height: 1;
}

.header-2 {
  font-size: clamp(2.2rem, 2.2rem + 1.3vw, 3rem);
}

.header-3 {
  font-size: clamp(2rem, 1.9154rem + 0.8205vw, 2.5rem);
}

.header-4 {
  font-size: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
}

.header-5 {
  font-size: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
}

.header-6 {
  font-size: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
}

.header-7 {
  font-size: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);
}

.header-8 {
  font-size: clamp(1rem, 1.1rem + 0.1vw, 1.15rem);
}