@font-face {

  font-family: "inter bold";

  src: url("../fonts/Inter-Bold.otf");

}

@font-face {

  font-family: "inter semibold";

  src: url("../fonts/Inter-SemiBold.otf");

}

@font-face {

  font-family: "inter regualar";

  src: url("../fonts/Inter-Regular.otf");

}

@font-face {

  font-family: "inter medium";

  src: url("../fonts/Inter-Medium.otf");

}

@font-face {

  font-family: "inter extrabold";

  src: url("../fonts/Inter-ExtraBold.otf");

}

body {

  background-color: #f7fcfd !important;

}

.offcanvas-body {

  background-color: #f7fcfd !important;

}

.nav-holder {

  background-color: #d3e6fc !important;

}

.navbar {

  background-color: #d3e6fc !important;

  padding: 10px 0px;

}



.navbar-brand {

  color: #00254b !important;

  font-family: "inter bold";

  font-size: 25px;

  /* margin-right: 66px !important; */

}

.navbar-brand img {

  max-width: 200px; /* or any size you want */

  height: auto;

  width: auto;

}

.nav-link {

  font-family: "inter semibold";

  color: #1b216d !important;

  font-size: 22px !important;

  padding: 0px 0px 0px 40px !important;

  white-space: nowrap;

  word-break: normal;

  overflow-wrap: normal;

}

.nav-link:hover {

  color: #2367b7 !important;

}

.navbar-nav .current-menu-item > .nav-link,

.navbar-nav .current_page_item > .nav-link,

.navbar-nav .current-menu-ancestor > .nav-link,

.navbar-nav .current_page_ancestor > .nav-link {

color: #2367b7 !important;

}

.affiliate.current-menu-item > .nav-link {

    color: #c51923 !important;

}



.navbar-toggler:focus,

.navbar-toggler:active,

.navbar-toggler-icon:focus {

    outline: none !important;

    box-shadow: none !important;

    border: none !important;

}

.navbar-toggler  {

  border: none !important;

}

.balance-of-nature {

  position: relative;

}

.balance-of-nature::before {

   content: "Tm";

   position: absolute;

   top: 0%;

   right: -7%;

   font-family: "inter semibold";

   color: #1b216d;

   font-size: 10px;

}

.affiliate a {

  color: #c4111a !important;

  text-decoration: underline;

  text-decoration-thickness: 3px;

  text-underline-offset: 3px; /* Optional: adds space between text and underline */

  text-decoration-color: #c4111a; /* Match the text color */

}



.container {

  /* border: 1px solid black; */

}

.header-container {

  max-width: 1500px;

  width: 95%;

  background-color: #d3e6fc !important;

}

#primary-menu {

  /* border: 1px solid red; */

  display: flex !important;

  justify-content: end;

  margin-left: 0px !important;

}

.heading {

  font-family: "inter semibold" !important;

  margin-top: 75px !important;

  line-height: 1.3;

  font-size: 42px !important;

  color: #1f3957;

}

.home-page-blue-text {

  padding-top: 10px !important;

}

.heading-holder {

  margin-bottom: 2.5rem !important;

}

.red-heading {

  color: #c31119;

}

.for-margin {

  margin-bottom: 0rem;

}

.for-margin-parent .wp-block-columns {

  margin-bottom: 10px;

}



.blue-text {

  font-family: "inter semibold";

  font-size: 33px !important;

  color: #2367b7;

  line-height: 1;

}

.yellow-background {

  border-radius: 30px;

}

p {

  margin: 0px !important;

}

.suppliment-details-heading {

  font-family: "inter semibold";

  font-size: 36px !important;

  color: #1f3957;

}

.green-text {

  font-family: "inter semibold";

  margin: 10px 0px !important;

  font-size: 24px !important;

}

.media-text-text {

  font-size: 30px !important;

}

.supliment-details {

  font-size: 22px !important;

  font-family: "inter regualar";

  color: #49596C;

}

.supliment-details2 {

  font-family: "inter regualar";

  font-size: 22px;

  color: #49596C;

}

.supliment-details strong {

  font-weight: 500;

  font-family: "inter semibold";

}

.supliment-details {

  margin-top: 10px !important;

}

.line {

  border: none;

  border-top: 1px solid #49596c; /* 2px black line */

  height: 0; /* keeps it thin */

  width: 100%;

  margin: 2rem 0px 10px 0px;

}

.media-text {

  margin-top: 10px;

}

.media-text .wp-block-media-text__media {

  height: 55px;

  width: 55px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  border: 2px solid #c71f27;

}

.media-text .wp-block-media-text__media img {

  width: 37px;

}

.media-text  .wp-block-media-text__content {

  padding: 0%;

  font-family: "inter semibold";

  /* margin-left: -22px; */

}

.custom-bullets {

  padding: 0px !important;

  font-family: "inter regualar";

  margin: 5px 0px 0px 22px !important;

  list-style-image: url(../images/bullet-style.png);

  line-height: 1.9;

}

.custom-bullets li {

  font-size: 22px !important;

  color: #49596c;

}



.no-flex-wrap {

  display: flex;

}

.no-flex-wrap .wp-block-media-text__media {

  margin-right: 13px;

}

.right-side-content {

  padding-left: 22px;

}

.people-say img {

  width: 33px;

  margin-right: 15px;

}

.people-say {

  display: flex;

  margin-top: 22px;

}

.people-say .wp-block-media-text__content {

  padding: 0%;

  font-family: "inter semibold";

  font-size: 18px;

}

.author {

  font-family: "inter semibold";

}

.order-heading {

  font-family: "inter semibold";

  font-size: 33px;

  margin-bottom: -5px;

}

.order-exception {

  font-size: 19px;

  color: #49596c;

  font-family: "inter regualar";

}

.order-button {

  font-family: "inter semibold";

  font-size: 22px !important;

}

.green-bottle .wp-block-uagb-image__figure{

  position: absolute;

  top: 0%;

  position: absolute;

  top: -118px;

  right: -60px;

}

.order-show-holder {

  overflow: hidden !important;

  background-color: #e2ecd4;

}

.order-show-holder2 {

  overflow: hidden !important;

  background-color: #f5dcd3;

}

.dr-heading {

  font-family: "inter semibold";

  font-size: 44px;

}

.dr-bold-text {

  font-family: "inter semibold";

  font-size: 30px;

  color: #cbe0f8;

  line-height: 1.2;

}

.dr-small-text {

  font-family: "inter regualar";

  color: #d5e6fa;

  font-size: 20px;

  margin-top: 17px !important;

}

.why-choose-heading  {

  font-family: "inter semibold";

  margin-bottom: 17px !important;

  margin-top: 78px !important;

  font-size: 45px !important;

}



.white-background {

  position: relative;

  top: -50px;

  z-index: -1;

}

footer {

  background-color: #0d294a;

}

.footer-phone-number  {

  font-size: 30px;

  font-family: "inter bold";

  color: white;

}

.footer-address {

  font-size: 30px;

  font-family: "inter bold";

  color: white;

}

.footer-media-text {

  display: flex;

  align-items: center;

}

.footer-media-text .wp-block-media-text__content {

  padding: 0%;

}



.location {

  display: flex;

  align-items: center;

}

.footer-address {

  max-width: 390px;

}

.phone-number {

  display: flex;

  align-items: center;

}

.top-footer {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  /* border: 1px solid black; */

  max-width: 1180px;

  width: 90%;

  margin: auto;

  justify-content: space-between;

  padding: 65px 0px;

}

.phono-icon,.location-icon {

   margin-right: 10px;



}

.location-icon img {

  width: 34px;

}

.footer-menu li a{

  font-size: 17px;

  color: #81a4cd !important;

  font-family: "inter medium";

  text-decoration: none;

}

.footer-menu li a:hover {

  color: #2368b8 !important;

}

.bottom-footer {

  max-width: 1530px;

  /* border: 1px solid black; */

  margin: auto;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 40px 0px;

}

.footer-border {

  border-top: 1px solid #183455;

}

.footer-menu li {

  list-style-type: none;

}

.footer-menu {

  display: flex;flex-wrap:wrap;
  gap: 20px;

  margin: 0px;
	padding:0;

}

.footer-menu .balance-of-nature::before {

  content: "Tm";

  position: absolute;

  top: 0%;

  right: -10%;

  font-family: "inter semibold";

  color: #81a4cd !important;

  font-size: 10px;

}

.copyright-text div  {

  font-size: 18px;

  color: #8095ad;

  font-family: "inter medium";

}
.copyright-text div a {
   font-size: 18px;

  color: #8095ad;

  font-family: "inter medium";
  text-decoration: none;
}

.offcanvas-start {

  width: 250px !important; /* Or any desired width */

}

.page-title {

  font-size: 36px;

  color: #2367b7;

  font-family: "inter semibold";

}

/* .big-deep-blue-text {

 font-size: 45px;

 font-family: "inter semibold";

 color: #1f3957;

} */

 .grey-heading {

  font-size: 28px;

  color: #49596c;

  font-family: "inter regualar";

  line-height: 1.3;

  margin-top: -10px !important;

  margin-bottom: 20px !important;

 }

 .on-img-text {

  font-family: "inter semibold";

  font-size: 36px;

  color: white;

  padding: 10px 18px;

  line-height: 1.1;

 }

 .big-heading {

  color: #1f3957;

  font-size: 48px;

  font-family: "inter semibold";

 }

 table {

  max-width: 1530px;

  margin: auto;

 }

 table strong{

  font-weight: 500;

  font-family: "inter extrabold";

 }

 td {

  padding: 20px 30px !important;

  font-size: 22px;

  line-height: 24px;

 }

 .features-col {

  font-family: "inter semibold";

 }

 .product-col {

  font-family: "inter regualar";

 }

 tbody td {

  color: #49596c;

  padding: 20px 30px;

 }

 .striped-table tr:nth-child(even) {

  background-color: #ffffff;

}

.striped-table tr:nth-child(odd) {

  background-color: #dceafa;

}

.white-heading {

  color: white;

  font-family: "inter semibold";

  font-size: 40px;

}

.supliment-details2-white {

  font-family: "inter regualar";

  font-size: 22px;

  color: white

}

.for-width {

  max-width: 1000px;

}

.on-img-text2 {

  font-family: "inter semibold";

  font-size: 36px;

  color: white;

  margin-bottom: 10px;

}

.big-bottle-holder {

  position: relative;

}

.green-big-bottle .wp-block-uagb-image__figure img {

  /* position: absolute; */

  top: 0%;

}

.red-big-bottle .wp-block-uagb-image__figure img {

  /* position: absolute; */

}

.breadcrump-column {

   text-align: end;

   font-family: "inter medium";

   font-size: 14px;

   display: flex;

   justify-content: end;

   align-items: center;

}

.breadcrump-column span span:nth-child(1) {

  color: #c31119 !important;

}

.blance-of-nature-blue-text {

  margin-top: -20px !important;

}

.heading sup {

  top: -21px;

  font-size: 24px;

}

.breadcrump-column > span > span:first-of-type > a {

  color: #c31119 !important; /* Example style */

  text-decoration: none !important;

}

.for-center {

  margin: auto !important;

}

.ingredient-title {

  font-family: "inter semibold";

  font-size: 20px !important;

  color: #49596c !important;

}

.for-border {

  border-radius: 30px;

}

.player {

  border-radius: 30px !important;

}

.discoutn-number {

  font-size: 55px;

  font-family: "inter bold";

}

.discount-text {

  font-family: "inter bold";

  font-size: 24px;

  margin-top: -20px !important;

}

.text-30px mark {

  border-radius: 9px;

}

.text-30px {

   font-family: "inter semibold";

   font-size: 30px;

}

.green-price-tag {

  padding: 10px; 
  width: auto !important;
  padding-right: 15px;
  border-radius: 0px 50px 50px 0px;
 /* white-space: nowrap; */
}


.red-price-tag {
  padding-left: 15px;
  padding: 10px 10px 10px 15px;
 width: auto !important;
  border-radius: 50px 0px 0px 50px;
 /* white-space: nowrap; */
}

.order-button strong {

  font-weight: 500;

  font-size: 30px;

}



input[type="text"],input[type="email"],

textarea {

  background: transparent;

  padding: 15px !important;

  color: white;

  font-family: "Inter", sans-serif;

  font-size: 16px;

  border: 1px solid #96adc9; /* optional: add border if needed */

  width: 100% !important; /* optional: full-width input */

  box-sizing: border-box;

  border-radius: 9px !important;

  margin-bottom: 25px !important;

  color: white !important;

}

input[type="text"],

textarea:focus {

  outline: none;

}

.submit-btn {

  width: 100%;

  background-color: #c4111a !important;

  font-family: "inter semibold" !important;

  font-size: 22px !important;

  border: none !important;

  color: white !important;

  padding: 15px !important;

  border-radius: 9px !important;

}

.my-submit-button {

   background-color: #c4111a !important;

  font-family: "inter semibold" !important;

  font-size: 22px !important;

  border: none !important;

  color: white !important;

  padding: 15px !important;

  border-radius: 9px !important;

  margin: auto !important;

    display: block !important;           /* Make it behave like a block */

  margin: 0px auto 0 auto !important; 

}

.message {

  height: 100px !important;

}



::placeholder {

  color: white;

  font-family: "Inter", sans-serif;

  font-size: 16px;

}

.contact-form-2 ::placeholder {

   color: #d5e6fa;

}

.contact-form-2 input[type="text"],input[type="email"],

textarea {

   background: transparent;

  padding: 15px !important;

  color: white;

  font-family: "Inter", sans-serif;

  font-size: 16px;

  border: 2px solid #7b9fc8; /* optional: add border if needed */

  box-sizing: border-box;

  border-radius: 9px !important;

  margin-bottom: 25px !important;

  color: #d5e6fa !important;

}

.cf7-flex {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

}

.cf7-half {

  width: 48%;

}

.wp-block-uagb-container.uagb-block-f6f4e837 {

    max-width: 1270px !important;

  }
  .discout-div-first {
    position: relative !important;
    top: 26px !important;
    z-index: 999 !important;
  }
.social-link img{
  height: 25px;
}
.social-link:hover {
 filter: brightness(0) saturate(100%) invert(76%) sepia(2%) saturate(2954%) hue-rotate(184deg) brightness(70%) contrast(98%) !important;
}
.icon-holder2 {
  display: flex;
  justify-content: center;
  gap: 35px;
  align-items: center;
  padding: 20px 20px;
  flex-wrap: wrap;
}
.social-link {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(309deg) brightness(107%) contrast(102%);
}

.font-26{
	font-size: 26px !important;
    line-height: 1.2 !important;
	font-family: "inter semibold"
}
.w-80{
	width:80% !important;
	margin:0 auto;
}
.w-60{
	width:60% !important;
	margin:0 auto;
}
.container-pad{
	max-width:1170px !important;
}
.spoon-section {
  position: relative;
}
.spoon-section-text {
  position: absolute !important;
  font-family: "inter semibold";
  width: auto !important;
}

.green-red-extra-spoon-details-text {
  top: 1%;
  left: 16%;
  font-size: clamp(13px, 3vw, 34px);
  /* color: #1f3957; */
}
.balance-of-nature-spoon-details-text {
   font-size: clamp(13px, 3vw, 34px);
  line-height: 1.1;
  display: flex;
  justify-content: end;
  top: 21%;
  right: 8%;
  /* color: #1f3957; */
}
.spoon-green-red-stuf-text {
  bottom: 4%;
  font-size: clamp(13px, 3vw, 33px);
  left: 20%;
  /* color: #1f3957; */
}
.spoon-balance-of-nature-text {
  right: 10%;
    font-size: clamp(13px, 3vw, 33px);
  bottom: 17%;
  /* color: #1f3957; */
}

.suppliment-img-btn a {
  font-family: "inter medium";
  font-size: 22px;
  text-decoration: none;
}
.suppliment-img{z-index:-1;}
.suppliment-btn-wrap{margin-bottom:-200px;min-height:200px;}

.heading.balance{margin-top:50px !important;}
footer .notice { text-align: center;  color: #0d294a;  font-size: 19px;  font-family: "inter medium";  padding: 10px 20px;  background: #81a4cd;}
footer .notice a{color: #a80911;  font-family: "inter bold";}
footer .notice a:hover { color:#800d13;}

@media(max-width:980px){
	.suppliment-img-btn a {font-size:16px}
	.suppliment-btn-wrap{margin-bottom:-150px;min-height:150px;}
	.heading.balance{margin-top:30px!important;}
}
@media(max-width:600px){
	.suppliment-img-btn a {font-size:14px}
	.suppliment-btn-wrap{margin-bottom:-105px;min-height:110px;}
	.heading.balance{margin-top:10px!important;}
}
@media(max-width:420px){
	.suppliment-img-btn a {font-size:12px}
	.suppliment-btn-wrap{margin-bottom:-90px;min-height:100px;}
}

footer .ac-notice.bottom-footer{color: #cbe0f8;  padding: 20px 0;  text-align: center; display: block;}