/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #403c3c */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/* Base root with rem calculation*/
/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* Font family*/
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #212121 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* #212121 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #212121 */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/*Table header*/
/*#eeeded*/
/*#f7f0e4*/
.usballiance-flexcontainer.boxTile {
  padding-left: 2.4rem;
}
.usballiance-flexcontainer.boxTile.removeTopPadding {
  padding-top: 0;
}
.usballiance-flexcontainer.boxTile.removeBottomPadding {
  padding-bottom: 0;
}

.boxtile-container {
  width: 100%;
}
.boxtile-container .boxtile-flex-wrap {
  grid-template-rows: auto;
  -ms-grid-rows: auto;
  display: -ms-grid;
  display: grid;
  position: relative;
  row-gap: 2rem;
  column-gap: 1rem;
  grid-column: auto/span 12;
  padding-top: 1rem;
}
.boxtile-container .boxtile-flex-wrap.tile-2 {
  column-gap: 2rem;
  width: 80%;
  max-width: 80%;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  -ms-grid-columns: minmax(0, 1fr) [2] important;
}
.boxtile-container .boxtile-flex-wrap.tile-2.center {
  margin: 0 auto;
}
.boxtile-container .boxtile-flex-wrap.tile-3 {
  column-gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  -ms-grid-columns: minmax(0, 1fr) [3] !important;
}
.boxtile-container .boxtile-flex-wrap.tile-3.center .no-border {
  text-align: center;
}
.boxtile-container .boxtile-flex-wrap.tile-4 {
  column-gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  -ms-grid-columns: minmax(0, 1fr) [4] !important;
}
.boxtile-container .boxtile-flex-wrap .tile-item {
  grid-column: auto !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  grid-template-rows: auto;
  -ms-grid-columns: minmax(0, 1fr) [1] !important;
  -ms-grid-rows: auto;
  display: -ms-grid;
  display: grid;
  align-content: space-between;
  border: 1px solid #cdcdd3;
  padding: 1.5rem 1.5rem;
  background: white;
}
.boxtile-container .boxtile-flex-wrap .tile-item .savebtn .link {
  width: 100%;
  font-weight: 600;
  text-align: left;
}
.boxtile-container .boxtile-flex-wrap .tile-item.rounded-corner {
  border-radius: 0.5rem;
}
.boxtile-container .boxtile-flex-wrap .tile-item.shadow-corner {
  border: none;
  box-shadow: 0px 2px 4px -1px #0000001F;
  box-shadow: 0px 4px 6px -1px #0000001F;
  box-shadow: 2px 0px 4px 0px #00000040;
}
.boxtile-container .boxtile-flex-wrap .tile-item.no-border {
  border: none;
  padding: 0;
  padding-right: 6%;
}
.boxtile-container .boxtile-flex-wrap .tile-item.no-border .itemHeader h3 {
  font-family: "MecherleSans-Medium", "Circular", Arial, sans-serif;
  font-weight: 500;
}
.boxtile-container .boxtile-flex-wrap .tile-item.no-border li {
  display: list-item;
  list-style-type: disc;
  margin-left: 1.4375rem;
}
.boxtile-container .boxtile-flex-wrap .tile-item.no-border li::marker {
  font-size: 1.5rem;
  color: #212121;
  font-weight: bold;
}
.boxtile-container .boxtile-flex-wrap .tile-item .boxtile-primaryHeader, .boxtile-container .boxtile-flex-wrap .tile-item .boxtile-primaryHeader h3 {
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  line-height: 1.3125rem;
}
.boxtile-container .boxtile-flex-wrap .tile-item .boxtile-primaryHeader p {
  font-size: 32px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}
.boxtile-container .boxtile-flex-wrap .tile-item .itemHeader p {
  font-family: "MecherleSans-SemiBold", "Circular", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.0625rem;
  line-height: 1.875rem;
  padding: 0;
}
.boxtile-container .boxtile-flex-wrap .tile-item h3 {
  margin-bottom: 1rem;
}
.boxtile-container .savebtn.button-wrap {
  padding-top: 2rem;
}

.boxtile-primaryHeader {
  display: flex;
  justify-content: space-between;
}

.usballiance-container .primary-khaki-04 .boxTile-title .no-border {
  background: #f7f0e4;
}
.usballiance-container .boxTile-title .usballiance-rte ul {
  margin-left: 0;
}

.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap.tile-2 {
  column-gap: 2rem;
}
.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap.tile-2 .boxTile-title {
  padding: 2rem;
}
.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap .boxTile-title ul {
  list-style: disc;
  margin-left: 1rem;
}
.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap .boxTile-title ul li {
  display: list-item;
  list-style-type: disc;
}
.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap .boxTile-title ul li::marker {
  font-size: 1.5rem;
  color: #212121;
  font-weight: bold;
}
.usballiance-container.usballiance-business .boxtile-container .boxtile-flex-wrap .boxTile-title ul p {
  display: inline-block;
  padding-bottom: 0px;
}

/* mobile css */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .boxtile-container .boxtile-flex-wrap.tile-2, .boxtile-container .boxtile-flex-wrap.tile-3, .boxtile-container .boxtile-flex-wrap.tile-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    -ms-grid-columns: minmax(0, 1fr) [1] !important;
  }
  .boxtile-container .boxtile-flex-wrap.tile-2 {
    width: 100%;
    max-width: 100%;
  }
}
/* tablet css */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .boxtile-container .boxtile-flex-wrap.tile-2, .boxtile-container .boxtile-flex-wrap.tile-3, .boxtile-container .boxtile-flex-wrap.tile-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    -ms-grid-columns: minmax(0, 1fr) [2] !important;
  }
  .boxtile-container .boxtile-flex-wrap.tile-2 {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
  .boxtile-container .boxtile-flex-wrap.tile-2.center {
    width: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .usballiance-flexcontainer.boxTile {
    padding: 2rem 5% !important;
  }
}