/*@import url('https://fonts.cdnfonts.com/css/akaya-kanadaka');    'Akaya Kanadaka',   */
@import url("https://fonts.cdnfonts.com/css/rationale");
@import url("https://fonts.cdnfonts.com/css/dm-sans");
@import url("https://fonts.cdnfonts.com/css/roboto-condensed");
@import url("https://fonts.cdnfonts.com/css/roboto");
@import url("https://fonts.cdnfonts.com/css/roboto-flex");
/* @import url("https://fonts.cdnfonts.com/css/dm-sans?styles=50588"); */
html {
  font-family: "Roboto Flex", "Roboto", "Roboto Condensed", "rationale",
    "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

body {
  margin: 0vh;
  font-size: 2.4vh;
  padding: 0;
  width: 100vw;
}

h1 {
  font-size: 2.7vh;
}
h2 {
  font-size: 2.5vh;
}
h3 {
  font-size: 2.3vh;
}
h4 {
  font-size: 2.2vh;
}

.button {
  font-size: 2.7vh;
}

input[type="text"] {
  font-size: 2vh;
}
select {
  font-size: 2vh;
}

html {
  margin: 0vh;
}
div {
  margin: 0;
}
footer {
  margin: 0;
}
header {
  margin: 0;
}
form {
  display: flex;
  flex-direction: row;
  margin: 0;
}
div {
  margin: 0;
  padding: 0;
}
.body {
  margin: 0;
  height: 72vh;
  width: 100vw;
}

.header {
  width: 100vw;
  height: 14vh;
  min-height: 14vh;
  max-height: 14vh;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  margin-bottom: auto;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0.2vh 0.2vh 0.2vh lightgrey;
  z-index: 2;
}

.header button {
  color: rgb(0, 100, 70);
  font-size: 3vh;
  border: none;
  background-color: white;
}

/* #menu_button_box {
  width: auto;
  height: auto;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(0, 100, 70);
  border-radius: 0.4vh;
  padding: 1vh;
} */

.body_main {
  display: flex;
  flex-direction: column;
  height: 72vh;
  min-height: 72vh;
  max-height: 72vh;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  position: absolute;
  top: 14vh;
  bottom: auto;
  right: 0;
  left: 0;
  margin: 0;
  font-family: Open-Sans, Cambria, Cochin, Georgia, Times, "Times New Roman",
    serif;
  padding: 0;
  background-color: black;
  /*background-color: rgb(40, 40, 40);   */
}

.body {
  /* position: absolute; */
  width: 100vw;
  min-width: 100vw;
  height: 72vh;
  min-height: 72vh;
  max-height: 72vh;
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.body_1 {
  /* position: absolute; */
  width: 100vw;
  min-width: 100vw;
  height: 72vh;
  min-height: 72vh;
  max-height: 72vh;
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: white;
}

.footer {
  width: 100vw;
  height: 14vh;
  min-height: 14vh;
  max-height: 14vh;
  background-color: white;
  margin-bottom: 0;
  position: absolute;
  top: 86vh;
  left: 0;
  right: 0;
  bottom: auto;
  margin-top: auto;
  margin-left: 0;
  margin-right: 0;
  box-shadow: -0.2vh -0.2vh 0.2vh lightgrey;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#footer_inner {
  width: 40vh;
  max-height: 12vh;
  color: rgb(0, 100, 70);
  font-size: 2.4vh;
  text-align: center;
  margin: 0;
}

::-webkit-scrollbar {
  width: 0.5vh;
  height: 0.7vh;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 176, 80, 0.9);
  width: 2vh;
  border-radius: 1.5vh;
  visibility: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 40000s ease-in-out 0s;
  -webkit-text-fill-color: white;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.7);
  visibility: hidden;
}

:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.greenlight_text {
  color: rgb(0, 100, 70);
}

.card_label {
  width: 35vh;
  font-size: 2vh;
  text-align: center;
  color: rgb(0, 100, 70);
}

.label_label {
  width: 35vh;
  min-width: 35vh;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  font-size: 2vh;
  margin-bottom: 1vh;
}

.label_label_vertical {
  width: 35vh;
  min-width: 35vh;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  font-size: 2vh;
  margin-bottom: 1vh;
  min-height: 5vh;
  text-align: left;
}

.label_input {
  width: 35vh;
  min-width: 35vh;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  font-size: 2vh;
  margin-bottom: 0.7vh;
}

.label_input_2 {
  width: 35vh;
  min-width: 35vh;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  font-size: 2vh;
  margin-bottom: 0.7vh;
}

.label_input input,
select {
  width: 17vh;
  height: 2.5vh;
  border-radius: 0.5vh;
  border: none;
  background-color: rgba(60, 59, 59, 0.7);
  color: white;
}

.address_input {
  width: 32vh;
  border-radius: 0.5vh;
  border: none;
  background-color: rgba(60, 59, 59, 0.7);
  color: white;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

::placeholder {
  color: rgb(223, 222, 222);
}

#header_filler {
  display: none;
  width: auto;
}

.card_textarea {
  width: 35vh;
  min-height: 7vh;
  border-radius: 1.5vh;
  border: none;
  margin-bottom: 2vh;
  background-color: rgba(60, 59, 59, 0.7);
  color: white;
}

.loader {
  border-top: 0.5vh solid rgb(0, 100, 70);
  border-right: 0.5vh solid rgb(0, 100, 70);
  border-radius: 50%;
  width: 1.5vh;
  height: 1.5vh;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* To add to online file */

.card_bottom_button {
  color: rgb(0, 100, 70);
  text-align: center;
  font-size: 3vh;
  border: none;
  background-color: none;
  border-color: none;
}

.address_34 {
  max-width: 34vh;
  height: 5vh;
  word-wrap: break-word;
  text-align: left;
}

.a_tag {
  color: rgb(0, 100, 70);
}

/*********************************************************************************************************
*********************************************** Header Specific *******************************************
***********************************************************************************************************/

#header_logo_div {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  margin-left: 2vh;
}

#header_logo {
  right: auto;
  height: 9vh;
}

.header_button {
  max-width: 10vw;
  width: 10vw;
  height: auto;
  align-items: center;
  justify-content: center;
  justify-items: center;
}

#header_menu_div {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  margin-right: 2vh;
}

#header_menu {
  height: 6vh;
}

#menu {
  position: absolute;
  top: 14vh;
  bottom: auto;
  left: auto;
  right: 0vh;
  z-index: 5;
  width: 24vh;
  height: 72vh;
  background-color: #fffffff7;
  /*color:rgb(60, 59, 59);*/
  color: rgb(0, 100, 70);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2vh;
  justify-content: flex-start;
  /* border-radius: 1vh; */
}

.menu_button {
  font-size: 3vh;
  width: 22vh;
  height: 4vh;
  overflow: hidden;
  padding-top: 2vh;
}

/*********************************************************************************************************
*********************************************** Index Page Specific **************************************
***********************************************************************************************************/

#index_body {
  justify-content: center;
}

#mobile_pic_div {
  height: 42vh;
  max-width: 30vh;
  margin-left: 2vh;
  margin-right: 2vh;
}

#mobile_pic {
  height: 40vh;
  cursor: pointer;
}

#mobile_pic:hover {
  height: 42vh;
}

#intro_text_div {
  /*max-width:70vh;*/
  height: 15vh;
  color: rgb(222, 222, 222);
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
}

#index_header {
  font-size: 4vh;
}

#intro_text {
  height: 15vh;
  /*max-width:70vh;*/
  font-size: 3.7vh;
  overflow-y: scroll;
}

/*********************************************************************************************************
*********************************************** About Page Specific **************************************
***********************************************************************************************************/

#about_body {
  flex-direction: column;
}

#about_text_div {
  max-width: 40vh;
  height: 45vh;
  color: rgb(0, 100, 70);
  display: flex;
  flex-direction: column;
}

#about_text {
  color: rgb(222, 222, 222);
  max-height: 35vh;
  max-width: 37vh;
  font-size: 2.5vh;
  text-align: left;
  overflow-y: scroll;
}

/*********************************************************************************************************
*********************************************** Services Page Specific ************************************
***********************************************************************************************************/

#services_body {
  display: flex;
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  width: 100vw;
  color: white;
}

.services_card {
  width: 40vh;
  height: 55vh;
  background-color: rgba(255, 255, 255, 0.949);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  /*box-shadow: 0.3vh 0.3vh  0.3vh rgb(149, 149, 149);*/
  border: 1px;
  border-color: rgb(149, 149, 149);
  border-radius: 1.3vh;
  border-style: solid;
  margin: 4vh;
}

.services_card h2 {
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}
.services_card h1 {
  font-size: 2.9vh;
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}
.services_card_inner {
  width: 40vh;
  height: 40vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 3vh;
}
.services_button_column {
  width: 14vh;
  height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 3vh;
}

.services_button {
  width: 8vh;
  cursor: pointer;
  box-shadow: 0.2vh 0.2vh 0.2vh rgb(112, 112, 112);
  background-color: none;
  border-radius: 1.5vh;
}

.services_button:hover {
  width: 9vh;
}

.services_card_text {
  width: 32vh;
  height: fit-content;
  border-radius: 1.7vh 0 0 1.7vh;
  text-align: right;
  /* margin-left: 4vh; */
  font-size: 2.2vh;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 176, 79, 0.9);
  /*margin-right: -2vh;*/
  padding: 2vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}

.inner_card_label {
  max-width: 27vh;
  text-align: right;
  margin-bottom: 1vh;
}

/*.services_card_text{*/
/*    width:22vh;*/
/*    text-align: end;*/
/*    font-size: 2.4vh;*/
/*    color: rgb(60, 59, 59);*/
/*    margin-right: 4vh;*/
/*}*/

/* New stuff to be added to web based file */

.services_descriptor {
  display: flex;
  flex-direction: column;
  width: 35vh;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  color: rgb(60, 59, 59);
  height: 37vh;
  overflow-y: scroll;
}

/*********************************************************************************************************
*********************************************** Pricing Page Specific ************************************
***********************************************************************************************************/

#pricing_body {
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  width: 100vw;
}

.pricing_card {
  width: 40vh;
  height: 55vh;
  min-height: 55vh;
  background-color: rgba(255, 255, 255, 0.949);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0.3vh 0.3vh 0.3vh rgb(149, 149, 149);
  border: 1px;
  border-color: rgb(149, 149, 149);
  border-radius: 1.5vh;
  border-style: solid;
  margin: 4vh;
}

.pricing_card h1,
h2,
h3,
h4,
h5,
h6 {
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}
.pricing_card_inner {
  width: 40vh;
  height: 40vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 3vh;
}
.pricing_button_column {
  width: 14vh;
  height: 40vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 3vh;
}

.pricing_scrollable {
  width: 37vh;
  height: 37vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing_scrollable_2 {
  width: 37vh;
  height: 40vh;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing_button {
  width: 9vh;
  cursor: pointer;
  box-shadow: 0.2vh 0.2vh 0.2vh rgb(112, 112, 112);
  background-color: none;
  border-radius: 1.5vh;
}

.pricing_card_text {
  width: 22vh;
  text-align: end;
  font-size: 2.4vh;
  color: rgb(60, 59, 59);
  margin-right: 4vh;
}

.pricing_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 33vh;
  min-width: 33vh;
  text-align: center;
  margin-bottom: 2vh;
  background-color: rgb(240, 240, 240);
  box-shadow: 0.1vh 0.1vh 0.1vh rgb(195, 194, 194);
  border-radius: 1.3vh;
  padding: 1vh;
}

.p_item_img {
  height: 7vh;
  margin: 2vh;
}

.p_item_header {
  color: rgb(0, 100, 70);
  max-width: 32vh;
  font-size: 2.4vh;
  margin-bottom: 0.7vh;
}

.p_item_description {
  max-width: 32vh;
  font-size: 2vh;
  min-height: 12vh;
  max-height: 12vh;
  overflow-y: scroll;
  margin-bottom: 0.7vh;
}

.p_item_price {
  color: rgb(0, 100, 70);
  max-width: 32vh;
  font-size: 3vh;
  cursor: pointer;
}

/*********************************************************************************************************
*********************************************** Specials Page Specific ************************************
***********************************************************************************************************/

#specials_body {
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  width: 100vw;
}

.specials_card {
  width: 40vh;
  height: 37vh;
  background-color: rgba(255, 255, 255, 0.949);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0.3vh 0.3vh 0.3vh rgb(149, 149, 149);
  border: 1px;
  border-color: rgb(149, 149, 149);
  border-radius: 1.3vh;
  border-style: solid;
  margin: 4vh;
}

.specials_card h1,
h2,
h3,
h4,
h5,
h6 {
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}
.specials_card_inner {
  width: 40vh;
  height: 40vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 3vh;
}

.specials_button {
  width: 15vh;
  height: 5vh;
  font-size: 2.7vh;
  cursor: pointer;
  background-color: rgb(0, 100, 70);
  color: white;
  border-radius: 1vh;
  border: none;
  box-shadow: 0.3vh 0.3vh 0.3vh rgb(149, 149, 149);
}

.specials_card_text {
  width: 37vh;
  height: 20vh;
  /* overflow: scroll; */
  text-align: center;
  font-size: 2.4vh;
  color: rgb(149, 149, 149);
}

/*********************************************************************************************************
*********************************************** Contact Page Specific ************************************
***********************************************************************************************************/

#contact_body {
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  width: 100vw;
  justify-content: center;
}

.contact_card {
  width: 40vh;
  height: 37vh;
  /* background-color: rgb(70, 69, 69); */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0.3vh 0.3vh  0.3vh rgb(50, 50, 50);
  border:1px; */
  /* border-color: rgb(149, 149, 149);; */
  /* border-radius: 2vh; */
  /* border-style: solid; */
  margin: 4vh;
}

.contact_card h1,
h2,
h3,
h4,
h5,
h6 {
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}

a {
  color: rgb(151, 149, 149);
  text-decoration: none;
}

.contact_card_inner {
  width: 40vh;
  height: 40vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 3vh;
}

.contact_button {
  width: 15vh;
  height: 5vh;
  font-size: 2.7vh;
  cursor: pointer;
  background-color: black;
  /*background-color:rgb(40, 40, 40);*/
  color: rgb(0, 100, 70);
  border-radius: 1vh;
  /* box-shadow: 0.3vh 0.3vh  0.3vh rgb(149, 149, 149); */
}

.contact_card_text {
  width: 39vh;
  height: 20vh;
  /* overflow: scroll; */
  text-align: center;
  font-size: 2.4vh;
  color: rgb(149, 149, 149);
}

/*********************************************************************************************************
*********************************************** Make_My_Token Page Specific *******************************
***********************************************************************************************************/

#make_my_token_body {
  background-color: black;
  /*background-color: rgb(40, 40, 40);*/
  width: 100vw;
}

.make_my_token_card {
  width: 40vh;
  height: 55vh;
  background-color: rgba(255, 255, 255, 0.949);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0.3vh 0.3vh 0.3vh rgb(149, 149, 149);
  border: 1px;
  border-color: rgb(149, 149, 149);
  border-radius: 1.3vh;
  border-style: solid;
  margin: 4vh;
}

.make_my_token_card h2 {
  max-width: 36vh;
  color: rgb(0, 100, 70);
  text-align: center;
}

.make_my_token_card_inner {
  width: 40vh;
  height: 40vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 3vh;
}

.make_my_token_descriptor {
  display: flex;
  flex-direction: column;
  width: 35vh;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  color: rgb(60, 59, 59);
  height: 50vh;
  overflow-y: scroll;
}

.info_card_small {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 20vh;
  height: 20vh;
  color: white;
  border-style: solid;
  border-width: 1px;
  border-radius: 1vh;
  border-color: rgba(0, 100, 70, 0.9);
  box-shadow: 0.2vh 0.2vh 2vh rgb(0, 100, 70);
  background-color: rgb(0, 100, 70, 0.5);
  margin: 4vh;
  margin-top: 2vh;
  margin-bottom: 2vh;
  cursor: pointer;
}

.info_card_small h1 {
  font-size: 2.2vh;
  max-width: 17vh;
  text-align: center;
  font-weight: thin;
}

.info_card_small img {
  height: 7vh;
}

#services_div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#projects_body {
}

#projects_body img {
  width: auto;
  margin: 4vh;
  height: 7vh;
  cursor: pointer;
}

.service_expanded {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}

.service_expanded label {
  color: white;
}

.card {
  width: 45vh;
  max-width: 90vw;
  min-height: 14vh;
  height: auto;
  max-height: 55vh;
  padding: 2vh;
  border-radius: 1.2vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  /* border-color: rgba(0, 100, 70, 0.7); */
  background-color: rgba(0, 100, 70, 0.3);
  border-radius: 1.2vh;
  /* box-shadow: 0.2vh -2vh 10vh rgb(0, 100, 70, 0.9); */
  box-shadow: 0.2vh 0.2vh 2vh rgb(0, 100, 70, 0.9);
  margin: 2vh;
  /* overflow-y: scroll; */
}

.card button {
  color: white;
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  font-size: 3vh;
}

.card h2 {
  color: white;
}

.card_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 38vh;
  max-width: 86vw;
  height: auto;
  max-height: 52vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.services_title_div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 40vh;
  max-width: 87vh;
  margin-right: 2vh;
}

.services_title {
  margin-bottom: 0vh;
  font-size: 4vh;
  color: white;
}

.services_sub_title {
  margin-top: 0.5vh;
  font-size: 2.5vh;
  color: white;
}

.label_37 {
  width: 37vh;
  font-size: 2.4vh;
}

.contact_card img {
  width: 4vh;
  height: auto;
  margin-right: 2vh;
}

.contact_card a {
  height: 5vh;
  width: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 150vh) {
  #mobile_pic_div {
    min-width: 25vh;
  }
}

@media (max-width: 150vh) {
  .header {
    justify-content: space-betwwen;
  }
  #header_logo {
    height: 7vh;
  }
  #header_menu {
    height: 5vh;
  }

  #header_menu_div {
    margin-right: 3.5vh;
  }

  .body {
    flex-direction: column;
    justify-content: space-between;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
  }

  body {
    min-width: 100vw;
    margin: 0;
  }

  .body_main {
    justify-content: center;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
  }
  form {
    margin: 0;
    padding: 0;
  }

  #intro_text {
    text-align: center;
    max-width: 37vh;
  }

  .header_button {
    display: none;
  }

  #index_body {
    justify-content: center;
  }

  #mobile_pic_div {
    height: 48vh;
  }

  #mobile_pic {
    height: 46vh;
  }
  #mobile_pic:hover {
    height: 48vh;
  }

  #intro_text_div {
    height: 12vh;
    width: 37vh;
  }

  #intro_text {
    font-size: 2.4vh;
    width: 37vh;
  }

  #index_header {
    font-size: 2.4vh;
    width: 30vh;
  }

  #about_body {
    justify-content: center;
  }
  #mobile_pic_div {
    margin-top: 2vh;
  }
  #footer_inner {
    font-size: 2vh;
  }

  .pricing_card {
    margin-top: 7.25vh;
  }
  /*#header_logo_div{*/
  /*    margin-left:2vh;*/
  /*}*/
  form {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  #services_body {
    justify-content: space-evenly;
    overflow-y: scroll;
  }

  .info_card_small {
    width: 17vh;
    height: 17vh;
  }

  .info_card_small h1 {
    font-size: 2vh;
    max-width: 15vh;
  }

  .info_card_small img {
    height: 5vh;
  }

  .body_1 {
    flex-direction: column;
    overflow-y: none;
  }

  .body_1 .card {
    max-height: 37vh;
    margin-top: 4vh;
  }

  .body_1 .card_container {
    max-height: 30vh;
  }

  .label_37 {
    max-width: 87vw;
  }
  .services_title_div {
    display: flex;
    justify-content: flex-start;
    height: auto;
    align-items: center;
    text-align: center;
    justify-content: flex-end;
    margin-top: 1vh;
    padding-top: 1vh;
  }
  .services_title {
    margin-top: 1vh;
    max-width: 90vw;
  }
}

@media (max-width: 62vh) {
  #CheckoutIframe {
    position: absolute;
    top: 20vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}