/* 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*/
.processingFee-wrapper {
  width: 100%;
}
.processingFee-wrapper .headingtitle h2 {
  font-family: "MecherleSans-Bold", "Circular", Arial, sans-serif;
  font-weight: 700;
  font-size: 2.375rem;
  line-height: 2.375rem;
  margin-bottom: 2rem;
  width: 100%;
}
.processingFee-wrapper .centeredProcessingFee {
  padding: 0;
  margin: 0 auto;
  width: 62.03703%;
  display: flex;
  flex-wrap: wrap;
}
.processingFee-wrapper .processingFeeItemBox {
  margin-left: 7.089%;
  -ms-flex: 0 0 27.906%;
  flex: 0 0 27.906%;
  max-width: 27.906%;
  padding: 1.5rem 2.5rem;
  text-align: center;
  border: 0.0625rem solid #767676;
  border-radius: 0.5rem;
}
.processingFee-wrapper .processingFeeItemBox:first-child, .processingFee-wrapper .processingFeeItemBox:nth-child(3n+1) {
  margin-left: 0;
}
.processingFee-wrapper .processingFeeItemBox .label {
  font-size: 1rem;
  font-family: "MecherleSans-SemiBold", "Circular", Arial, sans-serif;
  line-height: 1.3125rem;
  font-weight: 600;
  color: #2d2929;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #767676;
}
.processingFee-wrapper .processingFeeItemBox .contnetInfo {
  font-size: 1rem;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  line-height: 1.3125rem;
  font-weight: 400;
  color: #2d2929;
  padding-top: 1rem;
}
.processingFee-wrapper .processingFeeItemBox .label p, .processingFee-wrapper .processingFeeItemBox .contnetInfo p {
  padding: 0;
  margin: 0;
}

/* Mobile */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .usballiance-container .processingFee-wrapper .centeredProcessingFee {
    width: 72%;
  }
  .usballiance-container .processingFee-wrapper .centeredProcessingFee .processingFeeItemBox {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 2.5rem;
  }
}
/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .usballiance-container .processingFee-wrapper .centeredProcessingFee {
    width: 72%;
  }
  .usballiance-container .processingFee-wrapper .centeredProcessingFee .processingFeeItemBox {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 2.5rem;
  }
}
/* BB page tablet landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
  .usballiance-container .processingFee-wrapper .centeredProcessingFee {
    width: 80%;
  }
  .usballiance-container .processingFee-wrapper .centeredProcessingFee .processingFeeItemBox {
    margin-left: 3%;
    -ms-flex: 0 0 30.5%;
    flex: 0 0 30.5%;
    max-width: 30.5%;
  }
  .usballiance-container .processingFee-wrapper .centeredProcessingFee .processingFeeItemBox:first-child, .usballiance-container .processingFee-wrapper .centeredProcessingFee .processingFeeItemBox:nth-child(3n+1) {
    margin-left: 0;
  }
}