.summary-div {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
}

:root {
  --font: 'roc-grotesk', Helvetica, sans-serif;

  --blue3: #CADCF1;
  --newblue1: #13569E;
  --newblue2: #8AADD7;
  --newblue3: #E8F1FC;
  --newgold: #FFD87E;

  /*********/

  --white: white;

  --rgb_blue-new: 78, 139, 208;
  /* --blue-new: rgb(var(--rgb_blue-new)); */
  --blue-new: var(--newblue1);

  --rgb_blue: 58, 126, 203;
  /* --blue: rgb(var(--rgb_blue)); */
  --blue: var(--newblue1);

  --rgb_blue-bright: 73, 145, 226;
  --blue-bright: rgb(var(--rgb_blue-bright));
  --blue-bright: var(--newblue2);

  --rgb_blue-dark: 31, 106, 191;
  --blue-dark: rgb(var(--rgb_blue-dark));

  --rgb_gold: 224, 205, 137;
  --gold: rgb(var(--rgb_gold));
  --gold: var(--newgold);

  --rgb_lightgray: 250, 250, 250;
  --lightgray: rgb(var(--rgb_lightgray));




  --gradient: linear-gradient(180deg, #5191C5 0%, #13599E 100%);
  --light-gradient: linear-gradient(180deg, #E8F0FC 0%, #FFFFFF 35.52%);

  /*********/

  --container: 1320px;
  --margin: 60px;
}

.white {
  color: white
}

.blue {
  color: var(--blue)
}

.blue-bright {
  color: var(--blue-bright)
}

.blue-dark {
  color: var(--blue-dark)
}

.blue-new {
  color: var(--blue-new)
}

.gold {
  color: var(--gold)
}


.blue3 {
  color: var(--blue3);
}

.newblue1 {
  color: var(--newblue1);
}

.newblue2 {
  color: var(--newblue2);
}

.newblue3 {
  color: var(--newblue3);
}

.newgold {
  color: var(--newgold);
}

.lightgray {
  color: var(--lightgray)
}

.bg-white {
  background-color: var(--lightgray);
  color: var(--blue);
}

.bg-blue {
  background-color: var(--blue);
  color: white;
}

.bg-blue-bright {
  background-color: var(--blue-bright);
  color: white;
}

.bg-white-gradient {
  background: var(--light-gradient);
}

.bg-blue-new {
  background-color: var(--blue-new);
  background: var(--gradient);
  color: white;
}

.bg-blue-dark {
  background-color: var(--blue-dark);
  color: white;
}

.bg-gold {
  background-color: var(--gold)
}

.bg-lightgray {
  background-color: var(--lightgray)
}


@media screen and (max-width: 1279px) {
  :root {
    --margin: 28px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --margin: 12px;
  }
}

@media screen and (max-width: 374px) {
  :root {
    --margin: 10px;
  }
}