/* Normal link state */
a {
  color: #ffffff; /* change this to your desired color */
}

/* Link hover state */
a:hover {
  color: #ffffff; /* change this to your desired color */
}

/* Visited link state */
a:visited {
  color: #ffffff; /* change this to your desired color */
}

/* Active link state */
a:active {
  color: #ffffff; /* change this to your desired color */
}



/* Navbar styles */
.navbar {
  background-color: #000000;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.navbar-brand {
  font-size: 26px;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.nav-link {
  color: #FFFFFF;
  font-size: 26px;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.gratitude {
  color: #27804c;
  font-size: 26px;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
} 

/* Hero section styles */
.hero-section {
  background-color: #000000;
  color: #ffffff;
  padding: 18px 0;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.byline {
  background-color: #000000;
  color: #ffffff;
  font-size: 33px;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}


/* Card section styles */
.card-section {
  padding: 50px 0;
  background-color: #000000;
}

.card-body {
  background-color: #000000;  
}

.card-img-top {
  background-color: #000000;  
  height: 200px;
  object-fit: cover;
}

.card-title {
  color: #ffffff;
  margin-bottom: 10px;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.btn-primary {
  background-color: #b23166;
  border: none;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.btn-primary:hover {
  background-color: #b23166;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.btn-primary:visited {
  background-color: #b23166;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

/* Footer styles */
.footer-section {
  background-color: #27804c;
  color: #ffffff;
  padding: 30px 0;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.footer-section p {
  margin: 0;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
}



.modal-body {
  background-color: #1f2223;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 26px;
  font-weight: regular;
  color: white;
}


.modal-header_green {
  background-color: #27804c;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 26px;
  font-weight: regular;
  color: white;
  align:center;
  padding: 14px 0;
}

.modal-footer_green {
  background-color: #27804c;
  font-family: 'Jost', "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 26px;
  font-weight: regular;
  color: white;
  align:center;
  padding: 14px 0;
}

.close_button {
  display: block;
  margin: 0 auto;
}


/* This CSS document - including the code and contents are property of Yondari LLC - Copyright 2022 - All Rights Reserved */

:root {
  --fontsize0: 16px;
  --fontsize1: 18px;
  --fontsize2: 21px;
  --fontsize3: 24px;
  --fontsize4: 28px;
  --acc_img_width1: 512px;
  --acc_img_height1: 333px;
}

body {
  background-color: #000000;
}

/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: white;
}

.logo_line1 {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize4);
  font-weight: bold;
  color: white;
}

.logo_line2 {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize2);
  font-weight: regular;
  color: white;
}

.logo_line3 {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize0);
  font-weight: regular;
  color: white;
}


#yondaricom {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  position: absolute;
  font-size: 28pt;
  top: 15px;
  left: 220px;
}

#mindfulness {
  position: absolute;
  top: 65px;
  left: 226px;
}

#back_button {
  position: absolute;
  top: 93px;
  left: 213px;
  cursor: pointer;
}

#home_button {
  position: absolute;
  top: 93px;
  left: 273px;
}

#contact_button {
  position: absolute;
  top: 93px;
  left: 333px;
}

#nav_link1 {
  position: absolute;
  top: 93px;
  left: 213px;
}

#p1 {
  position: absolute;
  top: 96px;
  left: 324px;
}

#nav_link2 {
  position: absolute;
  top: 93px;
  left: 335px;
}

#p2 {
  position: absolute;
  top: 96px;
  left: 408px;
}

#nav_link3 {
  position: absolute;
  top: 93px;
  left: 414px;
}

.acc_image {
  float: left;
  padding-right: 10px;
}

.lm_button {
  float: right;
}

.acc_text {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize2);
  font-weight: regular;
  color: white;
}

.acc_text2 {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize2);
  font-weight: regular;
  color: white;
  vertical-align: top;
}

.list_text {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize2);
  font-weight: regular;
  color: white;
  position: relative;
  left: 30px;
  padding-right: 50px;
}

.controltabs {
  color: white;
}


#nav1tab1 {
  color: black;
  background-color: #ffffff;
}

#nav1tab2 {
  color: black;
  background-color: #ffffff;
}

#nav1tab3 {
  color: black;
  background-color: #ffffff;
}

#nav1tab4 {
  color: black;
  background-color: #ffffff;
}

#nav1tab5 {
  color: black;
  background-color: #ffffff;
}

#nav2tab1 {
  color: black;
  background-color: #ffffff;
}

#nav2tab2 {
  color: black;
  background-color: #ffffff;
}

#nav2tab3 {
  color: black;
  background-color: #ffffff;
}

#nav2tab4 {
  color: black;
  background-color: #ffffff;
}

#nav3tab1 {
  color: black;
  background-color: #ffffff;
}

#nav3tab2 {
  color: black;
  background-color: #ffffff;
}

#nav3tab3 {
  color: black;
  background-color: #ffffff;
}

#nav3tab4 {
  color: black;
  background-color: #ffffff;
}

#nav3tab5 {
  color: black;
  background-color: #ffffff;
}

#nav3tab6 {
  color: black;
  background-color: #ffffff;
}

#nav3tab7 {
  color: black;
  background-color: #ffffff;
}



#get_started {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modal-title {
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize4);
  font-weight: regular;
  color: white;
  align:center;
}

.modal-header {
  background-color: #4d5aab;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}

.modal-body {
  background-color: #1f2223;
}

.modal-footer {
  background-color: #4d5aab;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}


.modal-header_green {
  background-color: #13a059;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}

.modal-footer_green {
  background-color: #13a059;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}

.modal-header_pink {
  background-color: #13a059;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}

.modal-footer_pink {
  background-color: #13a059;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: var(--fontsize1);
  font-weight: regular;
  color: white;
}

#funp1 {
  vertical-align: top;
}

#funp2 {
  vertical-align: top;
}

#funp3 {
  vertical-align: top;
}

#funp4 {
  vertical-align: top;
}


#insp1 {
  vertical-align: top;
}

#insp2 {
  vertical-align: top;
}

#insp3 {
  vertical-align: top;
}

#insp4 {
  vertical-align: top;
}

#homep1 {
  vertical-align: top;
}

#homep2 {
  vertical-align: top;
}

#homep3 {
  vertical-align: top;
}

#homep4 {
  vertical-align: top;
}

#aboutp1 {
  vertical-align: top;
}

#aboutp2 {
  vertical-align: top;
}

#aboutp3 {
  vertical-align: top;
}

#aboutp4 {
  vertical-align: top;
}

#resultp1 {
  vertical-align: top;
}

#resultp2 {
  vertical-align: top;
}

#resultp3 {
  vertical-align: top;
}

#resultp4 {
  vertical-align: top;
}


.align_top {
  vertical-align: top;
}


#home_row1 {
  background-color: #6f1ac6;
}

#home_row2 {
  background-color: #4d5aab;
}

#home_row3 {
  background-color: #bb3493;
}

#home_row4 {
  background-color: #2e2a6e;
}

#way_row1 {
  background-color: #6f1ac6;
}

#way_row2 {
  background-color: #13a059;
}

#way_row3 {
  background-color: #BC6510;
}

#way_row4 {
  background-color: #bc1365;
}

#fun_row1 {
  background-color: #4d5aab;
}

#fun_row2 {
  background-color: #13a059;
}

#fun_row3 {
  background-color: #BC6510;
}

#fun_row4 {
  background-color: #bc1365;
}


#insp_row1 {
  background-color: #bb3493;
}

#insp_row2 {
  background-color: #144866;
}

#insp_row3 {
  background-color: #6f1ac6;
}

#insp_row4 {
  background-color: #0c695b;
}

#result_row1 {
  background-color: #2e2a6e;
}

#result_row2 {
  background-color: #ab4d16;
}

#result_row3 {
  background-color: #BC6510;
}

#result_row4 {
  background-color: #13a059;
}

#result_row5 {
  background-color: #4d5aab;
}

#result_row6 {
  background-color: #6f1ac6;
}

#difference_row1 {
  background-color: #bc1365;
}

#difference_row2 {
  background-color: #6f1ac6;
}

#difference_row3 {
  background-color: #0c695b;
}

#difference_row4 {
  background-color: #4d5aab;
}

#benefit_row1 {
  background-color: #13a059;
}

end_table_ini2 {
  height: 500px;
}

#row1_textbox {

}

#yw_row1_textbox {

}

#yw_row2_textbox {

}

#yw_row3_textbox {

}

#yw_row4_textbox {

}

#results_row1_textbox {

}

#results_row2_textbox {

}

#results_row3_textbox {

}

#results_row4_textbox {

}

#results_row5_textbox {

}

#results_row6_textbox {

}

#benefit_row2 {
  background-color: #bc1365;
}

#benefit_row3 {
  background-color: #ab4d16;
}

#benefit_row4 {
  background-color: #6f1ac6;
}

el1_text {
  text-align: top;
}

#panel2_text {
  text-align: top;
}

#main_acc {
  width: 77%;
}

#table_ap1 {
  display: none;
}

#table_ap2 {
  display: none;
}

#table_ap3 {
  display: none;
}

#table_ap4 {
  display: none;
}

#table_ap5 {
  display: none;
}

#table_pillar1 {
  display: none;
}

#table_pillar2 {
  display: none;
}

#table_pillar3 {
  display: none;
}

#table_pillar4 {
  display: none;
}

#table_tkit1 {
  display: none;
}

#table_tkit2 {
  display: none;
}

#table_tkit3 {
  display: none;
}

#table_tkit4 {
  display: none;
}

#table_tkit5 {
  display: none;
}

#table_tkit6 {
  display: none;
}

#table_tkit7 {
  display: none;
}

.pointer {
cursor: pointer;
};