@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

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

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



/*Body Styles*/ 
body{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color:#000;
  letter-spacing: .02rem;
  line-height:1.3em;
  font-size:16px;
}
h1, h2, h3, h4, h5 {font-family: "Roboto", sans-serif !important;}
h1{font-size:36px;}
.h3 {color:#1d4f91;font-weight:normal;} 
h6 {font-weight:bold !important;}

b, strong {
  font-family: "Roboto", sans-serif;
}

a, a:hover { color:#014e99 !important;}
/*Images*/

img.img--radius {
  border-radius: 10px !important;
  border: 1px solid #ddd;
}


.cell_17085229017315-padding, .cell_17085229017316-padding, .cell_17085229017317-padding, .cell_1721145041289-padding, .cell_1730293311898-padding {
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17)!important;
  border: 1px solid #ddd;
}

.cell_1708555421483-vertical-alignment > div{
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17);
}

.industry-title { min-height:60px; line-height:.15em !important;font-size:17px;!important; }

.hs-input {color:#000!important;}
/*Collapse Menu*/
#myDIV {
  position: fixed;
  z-index: 5;
  display:block;
}

#myDIV2 {
  position: fixed;
  z-index: 5;
  display:block;
}


button {
  margin: 0 0 -45px 0;
  position: relative;
  z-index: 22;
  font-size: 22px;
}

button:before {
  content: "☰";
}

/*Buttons*/
.gradient-btn-blue{
  border-color: #1d4f91;
  background: linear-gradient(to bottom, #1d4f91 0, #426da9 100%) !important;
}
.gradient-btn-pink{
  border-color: #af1685;
  background: -webkit-gradient(linear, left top, left bottom, from(#6d2077), to(#af1685))!important;
}

.btn--medium { 
  font-size: 1em;
  line-height: 1.5em;
  padding-top: .9em;
}

.img-txt {
  align-items: start;
}

.matters-txt{
  min-height:160px;
}



.modal__overlay
{
  z-index:23;
}

.modal--html .modal__box {
  z-index:25;}

.ui-label
{font-family: "Roboto", sans-serif !important;
  font-size:1.1em;
  font-weight: 300;}

.compact-card__img img
{border-radius: 0px !important;}

.compact-card__title {
  color: #1d4f91;
}

.compact-card__txt {
  font-size: 14px;
  /*max-width: 525px;*/
}

.compact-card__img img {
  height: 3.78rem;
  width: 3.78rem;
  border: 1px solid #ddd;
}

.logo-fixed{
  position: fixed;
}


/* PDF Style*/
.pdf-style{
  padding: 85px 125px;
  background: #fafafa;
}

.img-txt--it .img-txt__col--txt .img-txt__col-content {
  padding-inline-start: 30px;
}


/*LARGE DESKTOP STYLES*/
@media only screen and (min-width : 1025px) {
  .compact-card__txt {
    font-size: 16px;
    /*max-width: 600px;*/
  }
}
/*13" DESKTOP STYLES*/
@media only screen and (max-width : 1024px) {
  .compact-card__txt {
    font-size: 14px;
    /*max-width: 225px;*/
  }
}


/* MOBILE STYLES */
@media (max-width:600px){
  h1
  {font-size:30px;}
}

.menu{
  background: #fff;
  height: 80px;
  width: 390px;
  margin: -30px 0 0 -20px;
  padding: 25px;
}

@media (max-width:600px){
  .logo-fixed{
    margin-left: 50px;
    position: relative;
    text-align: center;
    z-index: 30;}
}

@media (max-width:600px){
  .compact-card__txt {
    font-size: 16px;
    max-width: 500px;}
}

@media (max-width:600px){
  #myDIV {
    background: #fff;
    margin: -29px 0 0 -15px;
    padding: 15px 0 20px;
    border-top: 1px solid #ccc;
    position: fixed;
    width: 450px;
    z-index: 5;
    display:none;
    box-shadow:0px 15px 1px #88888859}
}


@media (max-width:600px){
  #myDIV2 {
    background: #fff;
    margin: 0px 0 0 -15px;
    padding: 15px 0 20px;
    border-top: 1px solid #ccc;
    position: fixed;
    width: 450px;
    z-index: 5;
    display:none;
    box-shadow:0px 15px 1px #88888859}
}


@media (max-width:600px){
  .cell_17080938255302-padding  {
    z-index:20;
    position: fixed;
    min-height: 390px;}   
}

@media (max-width:600px){
  .compact-card {
    margin-bottom: 0px;
    padding: 0.47rem 1rem; }    
}


@media (max-width:600px){
  .ui-label{
    font-family: "Roboto", sans-serif !important;
    font-size:.99em;
    font-weight: 300;}
}

@media (max-width:600px){
  .pdf-style{
    padding: 25px;}
}

@media (max-width:600px){
  .matters-txt{
    min-height:120px;}
}