/* Colors */
/* Gradients */
/*Fonts*/
/*Font sizes*/
/*Max container width*/
/*Border*/
/*Margins*/
/*Images*/
/*Styles for Hero Banner Two Cofares Component*/
@media (max-width: 992px) {
  .hero-padding {
    padding: 0; } }

.grid-hero-banner {
  max-width: 100vw;
  margin: 2rem 0; }

.mainbanner-container2 .mainbanner-image2 {
  height: auto;
  display: block;
  margin: auto;
  max-height: 562px;
  max-width: 1920px; }
  @media (max-width: 768px) {
    .mainbanner-container2 .mainbanner-image2 {
      height: auto;
      max-height: none;
      width: 100%; } }

.mainbanner-container2 .image-heading-container2 {
  position: absolute;
  padding: 5%;
  width: 100%; }

@media (min-width: 768px) {
  .mainbanner-container2 .image-heading-text2.img-lateral {
    max-width: 183px; } }

.mainbanner-container2 .heroBannerCof-title2 {
  color: #154EA5;
  display: block; }

.mainbanner-container2 .heroBannerCof-text2 {
  color: #282828;
  display: block; }

@media (min-width: 544px) {
  .mainbanner-container2 .heroBannerCof-button2 {
    min-width: 180px; } }

@media (max-width: 544px) {
  .mainbanner-container2 .heroBannerCof-button2 {
    padding-left: 20px;
    padding-right: 20px; } }

.mainbanner-container2 .heroBannerCof-disclaimer2 {
  font-size: 13px;
  font-family: "archiaregular";
  color: #282828; }

.btn.btn-blue {
  color: #FFFFFF;
  background-color: #154EA5;
  border-color: #154EA5;
  border-radius: 30px;
  border: solid 2px #154EA5; }
  .btn.btn-blue:active {
    color: #FFFFFF;
    background-color: #0c2e61 !important;
    border-color: #0c2e61 !important;
    box-shadow: none !important;
    border-radius: 30px; }
  .btn.btn-blue:hover {
    color: #FFFFFF;
    background-color: #3a7ee6;
    border-color: #3a7ee6;
    border-radius: 30px; }
  .btn.btn-blue:focus {
    color: #FFFFFF;
    background-color: #154EA5;
    border-color: #154EA5;
    border-radius: 30px; }
  .btn.btn-blue:disabled {
    font-family: "archiabold";
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    border-radius: 30px;
    background-color: #c1c1c1;
    border: 0;
    cursor: inherit; }
  .btn.btn-blue.btn-inverse {
    background-color: #FFFFFF;
    color: #154EA5;
    border-color: #FFFFFF; }
    .btn.btn-blue.btn-inverse:hover {
      background-color: #154EA5;
      color: #FFFFFF;
      border-color: #154EA5; }

.btn.btn-orange {
  color: #FFFFFF;
  background-color: #f7a800;
  border-color: #f7a800;
  border-radius: 30px;
  border: solid 2px #f7a800; }
  .btn.btn-orange:active {
    color: #FFFFFF;
    background-color: #f79600 !important;
    border-color: #f79600 !important;
    box-shadow: none !important;
    border-radius: 30px; }
  .btn.btn-orange:hover {
    color: #FFFFFF;
    background-color: #ffc343;
    border-color: #ffc343;
    border-radius: 30px; }
  .btn.btn-orange:focus {
    color: #FFFFFF;
    background-color: #f7a800;
    border-color: #f7a800;
    border-radius: 30px; }
  .btn.btn-orange:disabled {
    font-family: "archiabold";
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    border-radius: 30px;
    background-color: #c1c1c1;
    border: 0;
    cursor: inherit; }
  .btn.btn-orange.btn-inverse {
    background-color: #FFFFFF;
    color: #f7a800;
    border-color: #FFFFFF; }
    .btn.btn-orange.btn-inverse:hover {
      background-color: #f7a800;
      color: #FFFFFF;
      border-color: #f7a800; }

.btn.btn-pink {
  color: #FFFFFF;
  background-color: #f664a6;
  border-color: #f664a6;
  border-radius: 30px;
  border: solid 2px #f664a6; }
  .btn.btn-pink:active {
    color: #FFFFFF;
    background-color: #f3348a !important;
    border-color: #f3348a !important;
    box-shadow: none !important;
    border-radius: 30px; }
  .btn.btn-pink:hover {
    color: #FFFFFF;
    background-color: #f994c2;
    border-color: #f994c2;
    border-radius: 30px; }
  .btn.btn-pink:focus {
    color: #FFFFFF;
    background-color: #f664a6;
    border-color: #f664a6;
    border-radius: 30px; }
  .btn.btn-pink:disabled {
    font-family: "archiabold";
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    border-radius: 30px;
    background-color: #c1c1c1;
    border: 0;
    cursor: inherit; }
  .btn.btn-pink.btn-inverse {
    background-color: #FFFFFF;
    color: #f664a6;
    border-color: #FFFFFF; }
    .btn.btn-pink.btn-inverse:hover {
      background-color: #f664a6;
      color: #FFFFFF;
      border-color: #f664a6; }

.btn.btn-green {
  color: #282828;
  background-color: #87f4c9;
  border-color: #87f4c9;
  border-radius: 30px;
  border: solid 2px #87f4c9; }
  .btn.btn-green:active {
    color: #282828;
    background-color: #13cf85 !important;
    border-color: #0c2e61 !important;
    box-shadow: none !important;
    border-radius: 30px; }
  .btn.btn-green:hover {
    color: #282828;
    background-color: #b6f8de;
    border-color: #b6f8de;
    border-radius: 30px; }
  .btn.btn-green:focus {
    color: #282828;
    background-color: #87f4c9;
    border-color: #87f4c9;
    border-radius: 30px; }
  .btn.btn-green:disabled {
    font-family: "archiabold";
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    border-radius: 30px;
    background-color: #c1c1c1;
    border: 0;
    cursor: inherit; }
  .btn.btn-green.btn-inverse {
    background-color: #282828;
    color: #87f4c9;
    border-color: #FFFFFF; }
    .btn.btn-green.btn-inverse:hover {
      background-color: #87f4c9;
      color: #282828;
      border-color: #87f4c9; }