:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

/* EXTRA CSS */
header {
  position: sticky;
  top: 0;
  z-index: 1000; /* Makes sure it stays above other content */
  background-color: white; /* Or match your site’s background */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

}

.whale-meaven-one.mainpage {
  padding: 50px 30px 30px;
}

.yearGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.yearGrid .desc2 .yearButton {
  padding: 30px 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 16px;
}

a{
  text-decoration: none;
}

.yearButton {
  padding: 30px 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: white;
  color: black;
  font-family: "Playfair Display", Helvetica, Arial, serif;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 16px;
 
}

.yearGrid .yearButton:hover {
  background-color: #e6f4ff;
  color: #007BFF;
}

.yearButton:hover{
  background-color: #e6f4ff;
  color: #007BFF;
  border: solid 1.5px #0066d2;
}

.buttonNavigationColumn{
  cursor: pointer;
  padding: 30px 30px;
  transition: background-color 0.3a ease;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.buttonNavigationColumn:hover{
  background-color: #f9f9f9;
}

.footerlogoo{
  width: 200px;
  /* height: 180px; */
  object-fit: contain;
}

#dropdown:focus{
  
}
























/* END OF EXTRA CSS */


.whale-meaven-one.mainSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  background-color: white;
  overflow: hidden;

  
}
.whale-meaven-one .visualBlock {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;

  background-color: #fafafb;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.whale-meaven-one .colorContainer {
  position: absolute;
  right: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background-color: #ebebeb;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .whale-meaven-one .colorContainer {
    display: none !important;
  }
}
.whale-meaven-one .image {
  position: relative;
  margin: 12px 1747px 12px 9px;
  width: 200px;
  height: 100px;
  max-width: 85%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 991px) {
  .whale-meaven-one .image {
    margin: 12px 32px 12px 9px;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .image {
    margin: 12px 16px 12px 9px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .image {
    margin: 12px 8px;
  }
}
.whale-meaven-one .contentColumn {
  display: flex;
  flex-direction: column;
  row-gap: 95px;
  margin: 86px auto 0;
  width: 52.81%;
}
@media (max-width: 1199px) {
  .whale-meaven-one .contentColumn {
    position: relative;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .contentColumn {
    margin: 86px 32px 0;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .contentColumn {
    row-gap: 80px;
    margin: 80px 32px 0;
    width: 86%;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .contentColumn {
    row-gap: 50px;
    margin: 50px 32px 0;
  }
}
.whale-meaven-one .infoBlock {
  display: flex;
  flex-direction: column;
  
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .infoColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 42px;
  margin: 0 auto 66px;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 383px) {
  .whale-meaven-one .infoColumn {
    position: relative;
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .infoColumnInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 38px;
  width: 100%;
}
.whale-meaven-one .infoContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
  width: 100%;
}
.whale-meaven-one .descriptionBox_box {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (max-width: 991px) {
  .whale-meaven-one .descriptionBox_box {
    align-items: flex-start;
  }
}
.whale-meaven-one .descriptionBox {
  font: 700 40px/1.32 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .descriptionBox {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .descriptionBox {
    font-size: 32px;
  }
}
.whale-meaven-one .descriptionBox_span0 {
  font: 700 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.whale-meaven-one .descriptionBox_span1 {
  font: 700 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .descriptionBox_span2 {
  font: 700 1em/1.33 "Playfair Display", Helvetica, Arial, serif;
}
.whale-meaven-one .infoDetails {
  display: flex;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
@media (max-width: 767px) {
  .whale-meaven-one .infoDetails {
    flex-direction: column;
    align-items: center;
  }
}
.whale-meaven-one .info {
  display: flex;
  justify-content: center;
  
  font: 22px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .info {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info {
    font-size: 20px;
  }
}
.whale-meaven-one .info1 {
  display: flex;
  justify-content: center;
  /* width: 120px; */
  font: 700 22px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .whale-meaven-one .info1 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info1 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info1 {
    font-size: 20px;
  }
}
.whale-meaven-one .info2 {
  display: flex;
  justify-content: center;
  /* width: 296px; */
  font: 22px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .info2 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info2 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info2 {
    font-size: 20px;
  }
}
.whale-meaven-one .zipSection{
  display: flex;
  flex-direction: column;
  row-gap: 0;
  width: 399.98046875px;
  max-width: 85%;
  background-color: #f9f9f9;
  padding: 15px 20px 14px;
  outline-offset: -1px;
  border-radius: 4px;
}

.zipSection:focus-within {
  border-color: #007BFF;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
}

.zipSection input {
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  border: none;
  font-size: 16px;
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
  background-color: #f9f9f9;
}

.zipSection input:focus {
  
  
  outline: none;
}


@media (max-width: 383px) {
  .whale-meaven-one .zipSection {
    position: relative;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .info21 {
  font: 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #787879;
}
.whale-meaven-one .info3 {
  font: 500 16px/1.19 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
}
.whale-meaven-one .buttonCompareNow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 auto;
  width: 400px;
  max-width: 100%;
  height: 55px;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;

}

.whale-meaven-one .buttonCompareNow:hover{
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.whale-meaven-one .info4 {
  display: flex;
  justify-content: center;
  font: 700 20px/1.3 "IBM Plex Serif", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.whale-meaven-one .image1 {
  width: 14px;
}
.whale-meaven-one .highlightBlock {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .highlightColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  
  row-gap: 0;
  margin: 0 auto 66px;
  margin-top: 50px;
  
}
@media (max-width: 991px) {
  .whale-meaven-one .highlightColumn {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .highlightColumn {
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .highlightDetails {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
@media (max-width: 991px) {
  .whale-meaven-one .highlightDetails {
    position: relative;
    width: 100%;
  }
}
.whale-meaven-one .highlightTextBox_box {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .highlightTextBox_box {
    align-items: flex-start;
  }
}
.whale-meaven-one .highlightTextBox {
  font: 700 32px/1.34 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .highlightTextBox {
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .highlightTextBox {
    font-size: 26px;
  }
}
.whale-meaven-one .highlightTextBox_span0 {
  font: 700 1em/1.34 "Playfair Display", Helvetica, Arial, serif;
}
.whale-meaven-one .highlightTextBox_span1 {
  font: 700 1em/1.34 "Playfair Display", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .highlightTextBox_span2 {
  font: 700 1em/1.34 "Playfair Display", Helvetica, Arial, serif;
}
.whale-meaven-one .highlightInfo {
  display: flex;
  justify-content: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
@media (max-width: 767px) {
  .whale-meaven-one .highlightInfo {
    flex-direction: column;
    align-items: center;
  }
}
.whale-meaven-one .info6 {


  font: 24px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .info6 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info6 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info6 {
    font-size: 20px;
  }
}
.whale-meaven-one .info7 {
  
  font: 700 24px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .info7 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info7 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info7 {
    font-size: 20px;
  }
}
.whale-meaven-one .info61 {
  display: flex;
  justify-content: center;
  width: 298px;
  font: 24px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .info61 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .whale-meaven-one .info61 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .info61 {
    font-size: 20px;
  }
}
.whale-meaven-one .benefitsGrid {
  display: grid;
  align-content: start;
  gap: 32px 24px;
  margin: 53px 0 0;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 575px) {
  .whale-meaven-one .benefitsGrid {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .benefitsGrid {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 50px 0 0;
  }
}
.whale-meaven-one .benefitsColumn {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
  grid-row: span 1;
  grid-column: span 1;
}
@media (max-width: 767px) {
  .whale-meaven-one .benefitsColumn {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .benefitsColumn {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .colorMarker {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  background-color: #e3e3e3;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .whale-meaven-one .colorMarker {
    position: relative;
    margin: unset;
  }
}
.whale-meaven-one .benefitsDescription {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  width: 337px;
  min-width: 0;
}
@media (max-width: 767px) {
  .whale-meaven-one .benefitsDescription {
    position: relative;
    margin: unset;
    width: 100%;
  }
}
.whale-meaven-one .info8 {
  font: 600 15px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0.6px;
}
.whale-meaven-one .desc1 {
  font: 14px/1.57 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #6a6a6b;
}
.whale-meaven-one .colorMarker1 {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  
  border-radius: 4px;
}
@media (max-width: 767px) {
  .whale-meaven-one .colorMarker1 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
  }
}
.whale-meaven-one .benefitsDescription1 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  width: 348px;
  min-width: 0;
}
@media (max-width: 767px) {
  .whale-meaven-one .benefitsDescription1 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .benefitsDescription2 {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  width: 337px;
  min-width: 0;
}
@media (max-width: 767px) {
  .whale-meaven-one .benefitsDescription2 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .buttonGetQuote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 39px auto 0;
  width: 400px;
  max-width: 100%;
  height: 55px;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whale-meaven-one .buttonGetQuote:hover{
  transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.whale-meaven-one .vehicleYearSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  width: 100%;
  padding: 0 0 66px;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
@media (max-width: 383px) {
  .whale-meaven-one .vehicleYearSection {
    position: relative;
    padding-bottom: 50px;
  }
}
.whale-meaven-one .vehicleYearPrompt {
  display: flex;
  justify-content: center;
  width: 341.9921875px;
  max-width: 85%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .vehicleYearPrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .vehicleYearPrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .yearColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
  margin: 44px 0 0;
  width: 100%;
}
.whale-meaven-one .yearInnerColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 34px;
  width: 100%;
}
.whale-meaven-one .yearGrid {
  display: grid;
  align-content: start;
  gap: 9px 15px;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .whale-meaven-one .yearGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .yearGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .desc2 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 30px 8px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}

.customYearInput{
  outline: none;
  border: none;
}

.customYearInput:focus{
  outline: none;
  
}
.whale-meaven-one .otherOptions {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 400.99609375px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .otherOptions {
    position: relative;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .otherPrompt {
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .otherSelection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 45px;
  background-color: #fafafb;
  padding: 12px 19px 12px 13px;
  outline-offset: -1px;
  border-radius: 4px;
  outline: #eaeaeb solid 1px;
}

.whale-meaven-one .otherSelection:focus{
  border: #272625;
}


@media (max-width: 575px) {
  .whale-meaven-one .otherSelection {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .otherSelection {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .info11 {
  display: flex;
  justify-content: center;
  width: 99px;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.whale-meaven-one .image2 {
  width: 11px;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .buttonContinue {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 auto;
  width: 400px;
  max-width: 100%;
  height: 55px;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

@media (max-width: 430px){
  .buttonContinue{
    width: 200px !important;
  }
}

.whale-meaven-one .buttonContinue:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.whale-meaven-one .navigationColumn {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin: 54px 0 0;
  width: 56.97265625px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .navigationColumn {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 50px 0 0;
  }
}
.whale-meaven-one .backButtonImage {
  margin: 3px 0;
  width: 14px;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .backLinkText {
  display: flex;
  justify-content: center;
  width: 34px;
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
}
.whale-meaven-one .vehicleMakeSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  width: 100%;
  padding: 0 0 66px;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
@media (max-width: 383px) {
  .whale-meaven-one .vehicleMakeSection {
    position: relative;
    padding-bottom: 50px;
  }
}
.whale-meaven-one .vehicleMakePrompt {
  display: flex;
  justify-content: center;
  width: 358.92578125px;
  max-width: 85%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .vehicleMakePrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .vehicleMakePrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .makeColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 33px;
  margin: 34px 0 0;
  width: 100%;
}
.whale-meaven-one .makeGrid {
  display: grid;
  align-content: start;
  gap: 9px;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .whale-meaven-one .makeGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .makeGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .makeGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .makeGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .makeFord {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 44px;
  grid-row: span 1;
  grid-column: span 1;
  background-color: #dbf2fd;
  padding: 17px 20px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .image3 {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .info13 {
  display: flex;
  justify-content: center;
  width: 37.12890625px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeToyotaBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeToyotaColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;
  margin: 17px auto;
  width: 105px;
  max-width: 85%;
}
.whale-meaven-one .info131 {
  display: flex;
  justify-content: center;
  width: 52.98828125px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeChevrolet {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 35px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 28px 20px 17px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info132 {
  display: flex;
  justify-content: center;
  width: 76.2890625px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeHondaBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeHondaColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 13px;
  margin: 17px auto;
  width: 100px;
  max-width: 85%;
}
.whale-meaven-one .info133 {
  display: flex;
  justify-content: center;
  width: 51.9921875px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeNissanBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeNissanColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 17px;
  margin: 17px auto;
  width: 100px;
  max-width: 85%;
}
.whale-meaven-one .info134 {
  display: flex;
  justify-content: center;
  width: 53.984375px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeHyundai {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 19px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 17px 20px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info135 {
  display: flex;
  justify-content: center;
  width: 67.24609375px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeKia {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 22px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 17px 20px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info136 {
  display: flex;
  justify-content: center;
  width: 27.08984375px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeJeep {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 27px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 28px 20px 17px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info137 {
  display: flex;
  justify-content: center;
  width: 36.1328125px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeSubaru {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 15px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 17px 20px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info138 {
  display: flex;
  justify-content: center;
  width: 58.22265625px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeGmc {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 43px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 40px 20px 17px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeMazdaBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeMazdaColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 6px;
  margin: 17px 38px;
}
@media (max-width: 991px) {
  .whale-meaven-one .makeMazdaColumn {
    position: relative;
    margin: 17px 32px;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .makeMazdaColumn {
    margin: 17px 16px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .makeMazdaColumn {
    margin: 17px 8px;
  }
}
.whale-meaven-one .image4 {
  width: 99.48%;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .info139 {
  display: flex;
  justify-content: center;
  width: 51.25px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeBmwBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeBmwColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  margin: 17px auto;
  width: 90px;
  max-width: 85%;
}
.whale-meaven-one .info1310 {
  display: flex;
  justify-content: center;
  width: 41.9921875px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeVolkswagenBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeVolkswagenColumn {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin: 17px auto;
  width: 92.98828125px;
  max-width: 85%;
}
.whale-meaven-one .image5 {
  margin: 0 2px 0 1px;
  width: 96.79%;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .info1311 {
  display: flex;
  justify-content: center;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeMercedesBlock {
  display: flex;
  flex-direction: column;
  grid-row: span 1;
  grid-column: span 1;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .makeMercedesColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  margin: 17px 37px 17px 38px;
}
@media (max-width: 991px) {
  .whale-meaven-one .makeMercedesColumn {
    position: relative;
    margin: 17px 32px;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .makeMercedesColumn {
    margin: 17px 16px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .makeMercedesColumn {
    margin: 17px 8px;
  }
}
.whale-meaven-one .image6 {
  width: 90px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .info1312 {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .makeDodge {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 43px;
  grid-row: span 1;
  grid-column: span 1;
  padding: 52px 20px 17px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
@media (max-width: 383px) {
  .whale-meaven-one .makeDodge {
    position: relative;
    padding-top: 50px;
  }
}
.whale-meaven-one .info1313 {
  display: flex;
  justify-content: center;
  width: 49.1796875px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .otherOptions1 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  width: 400.99609375px;
  max-width: 85%;
}
.whale-meaven-one .buttonContinue1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 40px auto 0;
  width: 400px;
  max-width: 100%;
  height: 55px;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
}
.whale-meaven-one .vehicleModelSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0px;
  width: 100%;
  padding: 0 0 66px;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
  
}
@media (max-width: 383px) {
  .whale-meaven-one .vehicleModelSection {
    position: relative;
    padding-bottom: 50px;
    

  }
}
.whale-meaven-one .vehicleModelPrompt {
  display: flex;
  justify-content: center;
  width: 372.01171875px;
  max-width: 85%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .vehicleModelPrompt {
    align-items: flex-start;
    font-size: 30px;
    padding: 0px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .vehicleModelPrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .modelGrid {
  display: grid;
  align-content: start;
  gap: 9px 15px;
  margin: 34px 0 0;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .whale-meaven-one .modelGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .modelGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .modelGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .modelGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .desc21 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 17px 30px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .desc3 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  background-color: #dbf2fd;
  padding: 17px 30px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .desc22 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 17px 26px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .navigationColumn1 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin: 60px 0 0;
  width: 56.97265625px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .navigationColumn1 {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 50px 0 0;
  }
}
.whale-meaven-one .primaryUseSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
  
}
@media (width: 768px){
  .primaryUseSection{
    flex-direction: row;
    align-items: center;
  }
}
.whale-meaven-one .primaryUseColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 54px;
  margin: 0 auto 66px;
  width: 520.99609375px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .primaryUseColumn {
    position: relative;
    row-gap: 50px;
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .primaryUseInnerColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  row-gap: 34px;
  width: 100%;
}
.whale-meaven-one .primaryUsePrompt {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}

@media (max-width: 991px) {
  .whale-meaven-one .primaryUsePrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}

@media (max-width: 479px) {
  .whale-meaven-one .primaryUsePrompt {
    font-size: 26px;
  }
}

.whale-meaven-one .primaryUseGrid {
  display: grid;
  align-content: center;
  gap: 9px 15px;
  /* width: 375px; */
  max-width: 85%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 383px) {
  .whale-meaven-one .primaryUseGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    
  }
}
.whale-meaven-one .desc31 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  background-color: #dbf2fd;
  padding: 17px 8px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .navigationColumn2 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  width: 56.9921875px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .navigationColumn2 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .ownershipSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .ownershipColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 54px;
  margin: 0 auto 66px;
  width: 438.984375px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .ownershipColumn {
    position: relative;
    row-gap: 50px;
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .ownershipInnerColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 34px;
  width: 100%;
}
.whale-meaven-one .ownershipPrompt {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .ownershipPrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .ownershipPrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .ownershipGrid {
  display: grid;
  align-content: start;
  gap: 9px 15px;
  width: 356.97265625px;
  max-width: 85%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 383px) {
  .whale-meaven-one .ownershipGrid {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.whale-meaven-one .desc32 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  background-color: #dbf2fd;
  padding: 17px 32px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .desc23 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 17px 20px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .desc24 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 17px 28px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .navigationColumn3 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  width: 56.97265625px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .navigationColumn3 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .secondVehicleSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .secondVehicleColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  margin: 0 auto 66px;
  width: 432.98828125px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .secondVehicleColumn {
    position: relative;
    margin: 0 auto 50px;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .secondVehiclePrompt {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .secondVehiclePrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .secondVehiclePrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .secondVehicleOptions {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin: 34px 0 0;
  width: 93.53%;
}
@media (max-width: 430px) {
  .whale-meaven-one .secondVehicleOptions {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.whale-meaven-one .block5 {
  display: flex;
  flex-direction: column;
  width: 195px;
  min-width: 0;
  background-color: #dbf2fd;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .yesOption {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 35px;
  margin: 32px auto 17px;
  width: 70px;
  max-width: 85%;
}
.whale-meaven-one .info1314 {
  display: flex;
  justify-content: center;
  width: 26.9921875px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .block6 {
  display: flex;
  flex-direction: column;
  width: 195px;
  min-width: 0;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .noOption {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 35px;
  margin: 32px auto 17px;
  width: 50px;
}
.whale-meaven-one .image7 {
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}
.whale-meaven-one .info1315 {
  display: flex;
  justify-content: center;
  width: 21.9921875px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .insuranceSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .insuranceColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  margin: 0 auto 66px;
  width: 546.9921875px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .insuranceColumn {
    position: relative;
    margin: 0 auto 50px;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .insurancePrompt {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .insurancePrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .insurancePrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .insuranceOptions {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin: 34px 0 0;
  width: 404.98046875px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .insuranceOptions {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .navigationColumn4 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin: 54px 0 0;
  width: 56.9921875px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .navigationColumn4 {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 50px 0 0;
  }
}
.whale-meaven-one .insurerSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  width: 100%;
  padding: 0 0 66px;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
@media (max-width: 383px) {
  .whale-meaven-one .insurerSection {
    position: relative;
    padding-bottom: 50px;
  }
}
.whale-meaven-one .insurerPrompt {
  display: flex;
  justify-content: center;
  width: 426.953125px;
  max-width: 85%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .insurerPrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .insurerPrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .insurerOptions {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 9px;
  margin: 34px 0 0;
  width: 100%;
}
.whale-meaven-one .grid {
  display: grid;
  align-content: start;
  gap: 9px;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .whale-meaven-one .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .grid {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.whale-meaven-one .insurerImage {
  grid-row: span 1;
  grid-column: span 1;
  width: 100%;
  outline-offset: -1px;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .image11 {
  grid-row: span 1;
  grid-column: span 1;
  width: 100%;
  outline-offset: -1px;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .otherOption {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 190px;
  max-width: 85%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
  padding: 17px 8px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .insuranceDurationSection {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .insuranceDurationColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  margin: 0 auto 66px;
  width: 688.984375px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .insuranceDurationColumn {
    position: relative;
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .durationPrompt {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .durationPrompt {
    align-items: flex-start;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .durationPrompt {
    font-size: 26px;
  }
}
.whale-meaven-one .durationOptions {
  display: grid;
  align-content: start;
  gap: 9px 15px;
  margin: 34px 0 0;
  width: 375px;
  max-width: 85%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 420px) {
  .whale-meaven-one .durationOptions {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.whale-meaven-one .insuranceDurationColumn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  margin: 0 auto 66px;
  width: 689px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .insuranceDurationColumn1 {
    position: relative;
    margin: 0 auto 50px;
  }
}
.whale-meaven-one .durationOptions1 {
  display: grid;
  align-content: start;
  gap: 9px 15px;
  margin: 34px 0 0;
  width: 54.43%;
  max-width: 85%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 430px) {
  .whale-meaven-one .durationOptions1 {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.whale-meaven-one .desc25 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  padding: 17px 8px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .desc33 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  background-color: #dbf2fd;
  padding: 17px 8px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .secondVehicleColumn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  margin: 0 auto 66px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .secondVehicleColumn1 {
    position: relative;
    margin: 0 auto 50px;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .secondVehicleOptions1 {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin: 34px 0 0;
}
@media (max-width: 383px) {
  .whale-meaven-one .secondVehicleOptions1 {
    position: relative;
    -moz-column-gap: 8px;
    column-gap: 8px;
    width: 100%;
  }
}
.whale-meaven-one .desc26 {
  display: flex;
  justify-content: center;
  grid-row: span 1;
  grid-column: span 1;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  padding-top: 17px;
  padding-bottom: 17px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .flex_col {
  display: flex;
  flex-direction: column;
  row-gap: 95px;
  width: 100%;
}
.whale-meaven-one .content_box2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .flex_col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 54px;
  margin: 0 auto 66px;
  width: 861.88px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .whale-meaven-one .flex_col1 {
    position: relative;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .flex_col2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 34px;
  width: 100%;
}
.whale-meaven-one .info5 {
  display: flex;
  justify-content: center;
  width: 100%;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.whale-meaven-one .flex_row {
  display: flex;
  justify-content: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 100%;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_row {
    flex-direction: column;
    align-items: center;
  }
}
.whale-meaven-one .image12 {
  margin: 3px 0;
  width: 14px;
}
@media (max-width: 575px) {
  .whale-meaven-one .image12 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
  }
}
.whale-meaven-one .info12 {
  display: flex;
  justify-content: center;
  width: 679px;
  font: 24px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 575px) {
  .whale-meaven-one .info12 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .flex_row1 {
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  width: 404.98px;
  max-width: 85%;
}
@media (max-width: 479px) {
  .whale-meaven-one .flex_row1 {
    position: relative;
    width: 100%;
    max-width: unset;
  }
}
.whale-meaven-one .content_box {
  display: flex;
  flex-direction: column;
  width: 195px;
  background-color: #dbf2fd;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #00a6f2 solid 1px;
}
.whale-meaven-one .flex_col3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 35px;
  margin: 32px auto 17px;
  width: 70px;
}
.whale-meaven-one .image13 {
  width: 70px;
}
.whale-meaven-one .info22 {
  display: flex;
  justify-content: center;
  width: 38.57%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .content_box1 {
  display: flex;
  flex-direction: column;
  width: 195px;
  outline-offset: -1px;
  border-radius: 12px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .flex_col4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 35px;
  margin: 32px auto 17px;
  width: 50px;
}
.whale-meaven-one .image14 {
  width: 50px;
}
.whale-meaven-one .info23 {
  display: flex;
  justify-content: center;
  width: 44%;
  font: 600 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .flex_row2 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  width: 7.04%;
}
.whale-meaven-one .image15 {
  margin: 3px 0;
  width: 14px;
}
.whale-meaven-one .info31 {
  display: flex;
  justify-content: center;
  width: 34px;
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
}
.whale-meaven-one .flex_col5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  padding: 0 0 66px;
  border-width: 0 0 1px;
  border-color: #d1d1d3;
  border-style: solid;
}
.whale-meaven-one .flex_col6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  width: 100%;
}
.whale-meaven-one .info41 {
  display: flex;
  justify-content: center;
  font: 24px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #717172;
  text-align: center;
  letter-spacing: -0.8px;
}
.whale-meaven-one .info9 {
  display: flex;
  justify-content: center;
  margin: 28px 0 0;
  font: 700 32px/1.72 "Playfair Display", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.whale-meaven-one .flex_row3 {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin: 34px 0 0;
  width: 100%;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_row3 {
    flex-direction: column;
    align-items: center;
  }
}
.whale-meaven-one .image16 {
  margin: 0 0 30px;
  width: 14px;
}
@media (max-width: 575px) {
  .whale-meaven-one .image16 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
  }
}
.whale-meaven-one .desc {
  display: flex;
  justify-content: center;
  font: 24px/1.17 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
@media (max-width: 575px) {
  .whale-meaven-one .desc {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .flex_col7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 34px;
  margin: 34px 0 0;
  width: 54.64%;
}
@media (max-width: 991px) {
  .whale-meaven-one .flex_col7 {
    position: relative;
    width: 75%;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_col7 {
    /* width: 100%; */
  }
}
.whale-meaven-one .flex_col8 {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
  width: 100%;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_col8 {
    row-gap: 24px;
    /* padding: 50px; */
    
  }
}
.whale-meaven-one .flex_row4 {
  display: flex;
  justify-content: space-around;
  -moz-column-gap: 32px;
  column-gap: 32px;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_row4 {
    flex-direction: column;
    align-items: center;
    gap: 24px 32px;
  }
}
.whale-meaven-one .flex_col9 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  width: 260px;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_col9 {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .info51 {
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .info62 {
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #bababc;
  background-color: #fafafb;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 13px;
  outline-offset: -1px;
  border-radius: 4px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .flex_col10 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.whale-meaven-one .content_box3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 45px;
  background-color: #fafafb;
  padding: 12px 20px 12px 13px;
  outline-offset: -1px;
  border-radius: 4px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .info71 {
  display: flex;
  justify-content: center;
  width: 99px;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #6a6a6b;
  text-align: center;
}
.whale-meaven-one .image17 {
  width: 12px;
}
.whale-meaven-one .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 auto;
  width: 400px;
  max-width: 100%;
  height: 55px;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
}
.whale-meaven-one .btn_text {
  display: flex;
  justify-content: center;
  font: 700 20px/1.3 "IBM Plex Serif", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
.whale-meaven-one .btn_icon {
  width: 14px;
}
.whale-meaven-one .flex_row5 {
  display: flex;
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin: 54px 0 0;
  width: 5.62%;
}
.whale-meaven-one .flex_row6 {
  display: flex;
  justify-content: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin: 34px 0 0;
  width: 100%;
}
@media (max-width: 575px) {
  .whale-meaven-one .flex_row6 {
    flex-direction: column;
    align-items: center;
  }
}
.birthdayInputWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  
}

.bharatday{
  display: flex;
  flex-direction: column;
  align-items: start;
}
.whale-meaven-one .birthdayLabel {
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}

.birthdayInputContainer {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
  justify-content: center;
  background-color: #007BFF;
}
.whale-meaven-one .birthdayIcon {
  width: 42px;
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  border-color: #eaeaeb;
  border-style: solid;
}
.whale-meaven-one .birthdayFormatHint {
  width: 512px;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #bababc;
  background-color: #fafafb;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 13px;
  outline-offset: -1px;
  border-radius: 0 4px 4px 0;
  outline: #eaeaeb solid 1px;
}
.contactFormchotu{
  /* padding: 20px; */
}

.whale-meaven-one .contactInfoColumn {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 430px){
  .contactInfoColumn{
    width: 300px !important;
  }

 
}
.whale-meaven-one .emailInputWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.whale-meaven-one .emailLabel {
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .emailInputContainer {
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
}
.whale-meaven-one .emailIcon {
  width: 42px;
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  border-color: #eaeaeb;
  border-style: solid;
}
.whale-meaven-one .emailPlaceholder {
  width: 512px;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #bababc;
  background-color: #fafafb;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 13px;
  outline-offset: -1px;
  border-radius: 0 4px 4px 0;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .phoneNumberInputWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.whale-meaven-one .phoneLabel {
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .phoneInputContainer {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.whale-meaven-one .countryCodeBlock {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 75px;
  height: 45px;
  background-color: #fafafb;
  padding: 12px 13px;
  outline-offset: -1px;
  border-radius: 4px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .countryCodeLabel {
  display: flex;
  justify-content: center;
  width: 22px;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #bababc;
  text-align: center;
}
.whale-meaven-one .countryFlagIcon {
  width: 12px;
}
.whale-meaven-one .phonePlaceholder {
  width: 100%;
  font: 500 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #bababc;
  background-color: #fafafb;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 13px;
  outline-offset: -1px;
  border-radius: 4px;
  outline: #eaeaeb solid 1px;
}
.whale-meaven-one .consentInfoBlock {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  background-color: #dbf2fd;
  padding: 12px 13px 24px;
  border-radius: 4px;
}
.whale-meaven-one .consentLogoIcon {
  margin: 0 0 170px;
  width: 16px;
  height: 17.9829540253px;
}
.whale-meaven-one .consentInfoColumn {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.whale-meaven-one .consentBriefDesc {
  font: 500 12px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .consentDetailsBox {
  font: 500 12px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: black;
}
.whale-meaven-one .consentDetailsBox_span0 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .consentDetailsBox_span1 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .consentDetailsBox_span2 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .consentDetailsBox_span3 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .consentDetailsBox_span4 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .consentDetailsBox_span5 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .consentDetailsBox_span6 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .consentDetailsBox_span7 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
}
.whale-meaven-one .consentDetailsBox_span8 {
  font: 500 1em/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .testimonialBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 34px 0 0;
  width: 100%;
  background-color: #fafafb;
  padding: 12px 20px 12px 13px;
  outline-offset: -1px;
  border-radius: 0 4px 4px 0;
  outline: #eaeaeb solid 1px;
}
@media (max-width: 991px) {
  .whale-meaven-one .testimonialBlock {
    flex-direction: column;
    align-items: end;
    gap: 16px 32px;
  }
}
.whale-meaven-one .testimonialColumn {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 478px;
}
@media (max-width: 991px) {
  .whale-meaven-one .testimonialColumn {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .testimonialColumn {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }
}
.whale-meaven-one .testimonialHighlight {
  width: 129px;
  min-width: 128.99px;
  max-width: 130px;
  min-height: 79px;
  max-height: 80px;
  background-color: #d9d9d9;
  border-radius: 6px;
}
@media (max-width: 575px) {
  .whale-meaven-one .testimonialHighlight {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .testimonialContentWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 1px 0 0;
  width: 341px;
}
@media (max-width: 575px) {
  .whale-meaven-one .testimonialContentWrapper {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
  }
}
.whale-meaven-one .insuranceProviderLabel {
  display: flex;
  justify-content: center;
  width: 103px;
  font: 500 14px/1.29 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
  text-align: center;
}
.whale-meaven-one .testimonialContentContainer {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.whale-meaven-one .testimonialQuote1 {
  font: 500 12px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .testimonialQuote2 {
  font: 500 12px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .testimonialQuote3 {
  font: 500 12px/1.33 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #272625;
}
.whale-meaven-one .viewQuoteLink {
  display: flex;
  justify-content: center;
  min-width: 157px;
  font: 700 16px/1.31 "IBM Plex Serif", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #00a6f2;
  padding: 14.5px 20px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .whale-meaven-one .viewQuoteLink {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
  }
}
.whale-meaven-one .testimonialBlock1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
  column-gap: 32px;
  flex: 0 1 103px;
  margin: 8px 0 0;
  width: 100%;
  background-color: #fafafb;
  padding: 12px 20px 12px 13px;
  outline-offset: -1px;
  border-radius: 0 4px 4px 0;
  outline: #eaeaeb solid 1px;
}
@media (max-width: 991px) {
  .whale-meaven-one .testimonialBlock1 {
    flex-direction: column;
    align-items: end;
    gap: 16px 32px;
  }
}
.whale-meaven-one .footerSection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  padding-bottom: 30px;
  width: 80%;
}
@media (max-width: 1199px) {
  .whale-meaven-one .footerSection {
    flex-direction: column;
    row-gap: 32px;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .footerSection {
    position: relative;
    gap: 32px 16px;
    margin: 80px 40px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .footerSection {
    gap: 32px 8px;
    margin: 50px 40px;
  }
}

@media (max-width: 1199px) {
  .whale-meaven-one .footerLogo {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    object-fit: contain;
  }
}
.whale-meaven-one .footerLinksColumn {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 40px;
  column-gap: 40px;
  min-width: 0;
}
@media (max-width: 1199px) {
  .whale-meaven-one .footerLinksColumn {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media (max-width: 575px) {
  .whale-meaven-one .footerLinksColumn {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .footerLinksColumn {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
@media (max-width: 383px) {
  .whale-meaven-one .footerLinksColumn {
    gap: 16px 8px;
  }
}
.whale-meaven-one .termsLink {
  display: flex;
  justify-content: center;
  width: 130px;
  font: 700 20px/1.4 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .termsLink {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .termsLink {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    font-size: 16px;
  }
}
.whale-meaven-one .privacyLink {
  display: flex;
  justify-content: center;
  width: 140px;
  font: 700 20px/1.4 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .privacyLink {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .privacyLink {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    font-size: 16px;
  }
}
.whale-meaven-one .doNotSellLink {
  display: flex;
  justify-content: center;

  font: 700 20px/1.4 "IBM Plex Serif", Helvetica, Arial, serif;
  color: #00a6f2;
  text-align: center;
}
@media (max-width: 991px) {
  .whale-meaven-one .doNotSellLink {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .whale-meaven-one .doNotSellLink {
    position: relative;
    margin-top: unset;
    margin-bottom: unset;
    width: 100%;
    font-size: 16px;
  }
}





/* Form Container */
.form-container {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  padding: 2rem;
  font-family: "Playfair Display", Helvetica, Arial, serif;;
}

.form-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: var(--text-color);
  text-align: center;
}

/* Form Elements */
.address-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* subtle shadow */
  padding: 1.5rem; /* optional: adds spacing inside */
  border-radius: 8px; /* optional: soft rounded corners */
  background-color: #fff; /* optional: ensures shadow shows nicely */
}


.form-row {
  display: flex;
  gap: 1rem;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color);
}

.custom-select {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: 1rem;
  transition: all 0.2s ease;
}



/* Custom Select */
.zipCodeInputDescription {
  font: 16px/1.31 "DM Sans", Helvetica, Arial, serif;
  color: #717172;
  padding: 14px 40px 14px;
  border-radius: 5px;
  outline: none;
  border: none;
 
  
}
@media (max-width: 383px) {
   .zipCodeInputDescription {
    position: relative;
    padding-left: 8px;
  }
}

 .zipCodeInputDescription:focus{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}


.zipCodeInputDescriptionBirth {
  font: 16px/1.31 "DM Sans", Helvetica, Arial, serif;
  color: #717172;
  
 
  outline: none;
  border: none;
}
@media (max-width: 383px) {
   .zipCodeInputDescriptionBirth {
    position: relative;
    padding-left: 8px;
  }
}

 .zipCodeInputDescriptionBirth:focus{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}



.custom-select {
  position: relative;
  padding: 0;
  cursor: pointer;
}

.custom-select select {
  font-size: 16px;
  width: 100%;
  padding: 14px 20px 14px;
  appearance: none;
  border-radius: 5px;
  background: transparent;
  border: solid 1px #717172;
  outline: none;
  cursor: pointer;
}

.select-arrow {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6c757d;
}

/* Submit Button */
.submit-btn {
  margin-top: 1rem;
  padding: 0.875rem 1.5rem;
  background-color: var(--primary-color);
  color: white;
  border: none;
  border-radius: var(--border-radius);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background-color 0.2s ease;
}

.submit-btn:hover {
  background-color: var(--primary-hover);
}

.submit-btn svg {
  transition: transform 0.2s ease;
}

.submit-btn:hover svg {
  transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 640px) {
  .form-row {
    flex-direction: column;
    gap: 1.25rem;
  }
  
  .form-container {
    padding: 1.5rem;
  }
}

.birthdayInputContainertest{
  display: flex;
  -moz-column-gap: 0;
  column-gap: 0;
 

  font: 16px/1.31 "DM Sans", Helvetica, Arial, serif;
  color: #717172;
  border-radius: 10px;
  
  
  
  
}

.birthdayInputWrappertest {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  align-items: center;
}

.consentLabel{
  display: flex;
  align-items: start;
}


/* Email input wrapper */
.emailInputWrappertest {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* Email label */
.emailLabel {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Email input with icon */
.emailInputContainer {
  position: relative;
  display: flex;
  align-items: center;
  font: 16px/1.31 "DM Sans", Helvetica, Arial, serif;
  color: #717172;
  padding: 14px 40px 14px;
  border-radius: 5px;
  outline: none;
  border: none;
  background-color: #eaeaeb;
}



.emailIcon {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
}

.emailInput {
  border: none;
  outline: none;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border-radius: 8px;
  background-color: transparent;
}



/* Phone number wrapper */
.phoneNumberInputWrappertest {
  display: flex;
  flex-direction: column;
}

/* Phone label */
.phoneLabel23 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Phone input with country code block */
.phoneInputContainer {
  display: flex;
  align-items: center;
  font: 16px/1.31 "DM Sans", Helvetica, Arial, serif;
  color: #717172;
  padding: 14px 40px 14px;
  border-radius: 5px;
  outline: none;
  border: none;
  background-color: #eaeaeb;
}

/* Country code area */
.countryCodeBlock {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px;
  background-color: #f0f0f0;
  border-right: 1px solid #ccc;
}

.countryCodeLabel {
  font-size: 13px;
  font-weight: 500;
}

.countryFlagIcon {
  width: 12px;
  height: 12px;
}

/* Phone input */
.phoneInput {
  flex: 1;
  padding: 12px;
  border: none;
  outline: none;
  font-size: 14px;
  background-color: transparent;
}