@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

  scroll-padding-top: 50px;

}

body {

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

  

}



.container-v2 {

  max-width: 1440px;

}

.h1heading{

  border-bottom: 5px solid #ffe330;

  line-height: 45px;

}

.header-image img:nth-of-type(1){

  width: 66%;

  height: 400px;

  margin-top: 6%;

  border-radius: 20px;

}

.header-image img:nth-of-type(2){

  width: 33%;

  height: 400px;

  margin-top: 6%;

  border-radius: 20px;

}



a {

  text-decoration: underline;

  color: #ffe161;

}



p {

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

  font-size: 1.2rem;

  line-height: 1.5;

}







.mynavbar {

  background-color: #001438;

}



.navbar-brand {

  width: 145px;

}



.navbar-icons {

  color: #ffffff;

}



.mynavbar .nav-item .nav-link {

  color: #ffffff;

  font-size: 20px;

}



.mynavbar .nav-item .nav-link i {

  margin-right: 5px;

}



.navbar-light .navbar-nav .nav-link:focus,

.navbar-light .navbar-nav .nav-link:hover {

  color: #ffffff !important;

}



.btn-check:focus + .btn-outline-success,

.btn-outline-success:focus {

  box-shadow: inherit !important;

}



.btn-check:focus + .btn-outline-primary,

.btn-outline-primary:focus {

  box-shadow: inherit !important;

}



.navbar-toggler:focus {

  box-shadow: inherit !important;

  border: 0 !important;

}



.hide {

  display: none !important;

}



.navbar-brand h2 {

  font-weight: 900;

  color: #ffffff !important;

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

  font-size: 1.7rem;

}







.btn-contact {

  color: white;

  padding: 8px 25px;

  border-radius: 0px;

  margin: 0 20px;

  border: 2px solid #175cff;

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

  font-weight: 400;

  background-color: #175cff;

}



.on_mobile {

  display: none;

}











@media screen and (max-width: 1199px) and (min-width: 991px) {

  .mynavbar .nav-item .nav-link {

    font-size: 16px;

  }

}



@media (max-width: 991px) {

  .navbar-brand {

    width: 114px;

  }

  .navbar-brand h2 {

    font-size: 1.5rem;

  }

  .mynavbar .nav-item .nav-link {

    font-size: 10px;

  }

}



@media (max-width: 767px) {

  .mynavbar .nav-item .nav-link {

    font-size: 16px;

  }

}



@media (max-width: 575px) {

  .h1heading{

    border-bottom: 5px solid #ffe330;

    line-height: 37px;

  }

  .on_mobile {

    display: block;

    position: fixed;

    bottom: 0;

    left: 0%;

    width: 100%;

  }

  .mynavbar .nav-item .nav-link {

    font-size: 14px;

  }

  .header-image{

    margin-top: 6% !important;

    display: flex;

    flex-direction: column;

    gap: 20px;

  }

  .header-image img:nth-of-type(1){

    width: 100%;

    height: 100%;

    border-radius: 10px;

  }

  .header-image img:nth-of-type(2){

    display: none;

  }

  .header-image img{

    width: 100%;

    height: 100%;

  }

}











.btn_my {

  --bs-btn-border-radius: none;

}



.btn-primary_my {

  --bs-btn-color: #fff;

  --bs-btn-bg: #ffb80c !important;

  --bs-btn-border-color: #001438 !important;

  border-radius: px;

  font-size: 20px;

  font-weight: 600;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

}



.btn-primary_my:hover {

  color: #fff !important;

  background-color: #ffb80c !important;

  border-color: #001438 !important;

}



.btn-primary_my_header {

  --bs-btn-color: #001438;

  --bs-btn-bg: #ffe330 !important;

  


  border-radius: 30px;

  font-size: 20px;

  font-weight: 600;

  padding: 5px 20px;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

  border: 2px solid #ffe161 !important;

}



.btn-primary_my_header:hover {

  color: #101010 !important;

  background-color: #ffe330 !important;

  border-color: #ffe330 !important;

}



.btn-primary_my11 {

  --bs-btn-color: #ffffff;

  --bs-btn-bg: #f2591d !important;

  --bs-btn-border-color: #f2591d !important;

  border-radius: 0px 0px 0 0 !important;

  font-size: 20px;

  font-weight: 600;

  width: 100%;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

  color: #ffffff !important;

  background-color: #f2591d !important;

  border-color: #f2591d !important;

  padding: 15px 0;

}



.btn-primary_my2 {

  --bs-btn-color: #001438;

  --bs-btn-bg: #ffe330 !important;

  --bs-btn-border-color: #ffe330 !important;

  font-size: 20px;

  border-radius: 30px;

  font-weight: 600;

  padding: 10px 31px;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

}



.btn-primary_my2:hover {

  color: #101010 !important;

  background-color: #ffe330 !important;

  border-color: #ffe330 !important;

}



.btn-primary_my1 {

  --bs-btn-color: #ff6666;

  --bs-btn-bg: transparent !important;

  --bs-btn-border-color: #ff6666 !important;

  border-radius: 100px;

  font-size: 20px;

  font-weight: 400;

}



.btn-primary_my1:hover {

  color: #ff6666 !important;

  background-color: transparent !important;

  border-color: #ff6666 !important;

}



.display-1 {

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

  font-size: 4.6rem;

  line-height: 1.1;

}



.display-2 {

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

  font-size: 3rem;

  line-height: 1.1;

}



.display-3 {

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

  font-size: 2rem;

  line-height: 1.1;

}



.display-3-5 {

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

  font-size: 2rem;

  line-height: 1.1;

}



.display-4 {

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

  font-size: 1.1rem;

  line-height: 1.5;

}



.display-5 {

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

  font-size: 2rem;

  line-height: 1.5;

}



.display-6 {

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

  font-size: 1.5rem;

  line-height: 1.5;

}



.display-7 {

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

  font-size: 1.2rem;

  line-height: 1.5;

}



.to-top-section {

  color: #16544a;

  font-size: 28px;

}



.all-section {

  padding-top: 1rem;

  padding-bottom: 0rem;

  background-color: #001438;

}



.greensection {

  background-color: #ffffff;

}



.all-section h2 {

  color: #ffffff;

  margin-bottom: 1rem;

  font-weight: 600;

}



.all-section h4 {

  color: #ffffff;

  margin-bottom: 10px;

  font-weight: 400;

}



.all-brand {

  padding-top: 30px;

  background-color: #e7ebdc;

  min-height: 400px;

}



.all-brand h4 {

  font-weight: 700;

}



.all-brand .img-wrapper img {

  margin: auto;

  width: 40%;

  padding-bottom: 2rem;

  align: center;

}



.counter-container ol li {

  margin-bottom: 1rem;

  position: relative;

  

  justify-content: center;

  align-items: center;

}



.counter-container ol {

  margin-bottom: 0;

  counter-reset: myCounter;

}



.counter-container ol li {

  list-style: none;

  padding-left: 1rem;

  position: relative;

}



.counter-container ol li:before {

  position: absolute;

  left: -40px;

  margin-top: 5px;

  counter-increment: myCounter;

  content: counter(myCounter);

  line-height: 40px;

  transition: all 0.2s;

  color: #ffffff;

  background: #053566;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.counter-container1 ol li {

  margin-bottom: 1rem;

  position: relative;

  

  justify-content: center;

  align-items: center;

}



.counter-container1 ol {

  margin-bottom: 0;

  counter-reset: myCounter;

}



.counter-container1 ol li {

  list-style: none;

  padding-left: 1rem;

  position: relative;

}



.counter-container1 ol li:before {

  position: absolute;

  left: -40px;

  margin-top: 5px;

  line-height: 40px;

  transition: all 0.2s;

  color: #ffffff;

  content: "👎";

  background: #ffffff;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.counter-container2 ol li {

  margin-bottom: 0.5rem;

  position: relative;

  

  justify-content: center;

  align-items: center;

}



.counter-container2 ol {

  margin-bottom: 0;

  counter-reset: myCounter;

}



.counter-container2 ol li {

  list-style: none;

  padding-left: 1rem;

  position: relative;

}



.counter-container2 ol li:before {

  position: absolute;

  left: -40px;

  margin-top: 5px;

  line-height: 40px;

  transition: all 0.2s;

  color: #ffffff;

  content: "👍";

  background: #ffffff;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.ingredientol {

  padding: 0;

  margin: 0;

}



.ingredientol li {

  border: 1px solid black;

  padding: 10px;

  list-style: none;

  margin-bottom: 10px;

}



.card-footer {

  padding: 0.5rem 1rem;

  background-color: rgba(0, 0, 0, 0.03);

  border-top: 1px solid rgba(0, 0, 0, 0.125);

}



.card-wrap {

  background: #fafafa;

  border: 0px solid #7a7a7a;

  padding: 10px;

  border-radius: 15px;

  box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.5);

}



.container_border {

  border: 1px solid #1f8a34;

  padding: 10px;

  border-radius: 15px;

}



.container_border-white {

  border: 2px solid #ffffff;

  padding: 10px;

  border-radius: 15px;

}



.item-wrapper {

  background-color: #ffffff;

  border-radius: 4px;

}



.fw-400 {

  font-weight: 400 !important;

}



.fw-500 {

  font-weight: 500 !important;

}



.fw-600 {

  font-weight: 600 !important;

}



.fw-700 {

  font-weight: 700 !important;

}



.fw-800 {

  font-weight: 800 !important;

}



.review-name {

  font-size: 25px;

  text-align: center;

  color: #2e9155;

  padding-top: 10px;

}



.counter-container .imgwidth {

  width: 40px;

  height: 40px;

  margin-right: 10px;

  border-radius: 50%;

}



.text-box {

  padding-left: 20px;

}



.offersection {

  padding-top: 1rem;

  padding-bottom: 1rem;

  background-color: #fafafa;

}



.counter-container ul {

  margin: 0;

  list-style: none;

  padding-left: 2.5rem;

}



.counter-container ul li {

  margin-bottom: 1rem;

  list-style: none;

  position: relative;

  padding-left: 1rem;

}



.counter-container ul li::before {

  position: absolute;

  left: -40px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: rgb(255, 255, 255);

  background-color: rgb(22, 84, 74);

  width: 40px;

  height: 40px;

  margin-top: 5px;

  content: "✓";

  border-radius: 50%;

}



.to-footerP {

  color: #9e0a0a;

}



.footer-footer {

  text-align: center;

  color: #ffffff;

}



.main_section {

  background-color: #ffffff;

}



.main_section .heading-h5 {

  color: #175cff;

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

  font-size: 20px;

  font-weight: 500;

  line-height: 26.04px;

}



.main_section .heading-h1 {

  color: #b979ae;

  font-weight: 800;

}



.main_section .heading-h2 {

  color: #14171b;

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

  font-size: 48px;

  font-weight: 700;

  line-height: 62.5px;

}



.main_section .heading-h3 {

  color: #14171b;

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

  font-size: 48px;

  font-weight: 700;

  line-height: 62.5px;

}



.main_section .heading-h6 {

  color: #b6b6b6;

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

  font-size: 16px;

  font-weight: 400;

  line-height: 20.83px;

}



.site-header__middle {

  margin: auto;

}



.nav__toggle i {

  margin-top: 0px;

  font-size: 25px;

  padding: 12px 18px;

  color: #fff;

}



.nav__wrapper {

  margin: 0;

}



.totexr1 {

  font-size: 1.2rem;

}



.green_basic {

  color: #367a07;

}



.red_basic {

  color: #e43f3f;

}



.red_second {

  color: #e43b2c;

}



.red_alt_bg {

  background-color: #dd1311;

}



.blue_basic {

  color: #053566;

}



.red_alt {

  color: #dd1311;

}



.white {

  color: white;

}



.yellow_basic {

  color: #ffe161;

}



.green_basic {

  color: #0dac19;

}



.image-wrap {

  text-align: center;

  border-radius: 50%;

}



.image-wrap img {

  width: 150px;

  height: 150px;

  margin-bottom: 0.5rem;

  border-radius: 50%;

}



.image-wrap-content {

  padding: 0 2rem;

}



.image-wrap1 img {

  


  border-radius: 15px;

  

}



.warning_contaier {

  border: 3px solid #2e2e2e;

  padding: 10px;

  border-radius: 15px;

  background-color: #fdb831;

}



.Warning_text {

  font-size: 25px;

}



.Warning_text1 {

  font-size: 27px;

}



.list1 li::marker {

  color: #fff;

}



.soc-item a {

  color: #fff;

}



.all-footer {

  padding-top: 2rem;

  padding-bottom: 0rem;

  background-color: #053566;

}



.bg-1 {

  padding-top: 2rem;

  padding-bottom: 1rem;

  position: relative;

  background-position: 50% 50%;

  background-repeat: no-repeat;

  background-size: cover;

  background-image: url(../images/background1.jpg);

}



.bg-1-overlay {

  opacity: 0.9;

  background-color: rgb(228, 63, 63);

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 0;

  pointer-events: none;

}



.relative {

  position: relative;

}



.accordion-button::after {

  background-color: #ffffff;

  border: 1px solid #001438000;

  padding: 15px;

  border-radius: 50%;

}



@media screen and (max-width: 1399px) and (min-width: 1000px) {

  .site-header .site-header__start {

    width: 20%;

  }

}



@media screen and (min-width: 786px) {

  .card-wrap .content-wrap {

    padding: 0 2rem;

  }

}



@media screen and (max-width: 991px) {

  .nav__toggle {

    background: none;

    border: none;

  }

}



@media screen and (max-width: 768px) {

  .display-5 {

    font-size: 1.8rem;

  }

  .display-6 {

    font-size: 1.2rem;

  }

  .display-2 {

    font-size: 1.8rem;

  }

}



@media screen and (max-width: 575px) {

  .brand h2 {

    font-size: 2rem;

  }

  .nav__toggle i {

    margin-top: 6px;

  }

  .display-2 {

    font-size: 1.5rem;

  }

  .display-3 {

    font-size: 1.7rem;

  }

  .display-3-5 {

    font-size: 1.3rem;

  }

  .display-5 {

    font-size: 1.3rem;

  }

  .display-6 {

    font-size: 1rem;

  }

  .pb-5 {

    padding-bottom: 1rem !important;

  }

  .pt-5 {

    padding-top: 1rem !important;

  }

}



@media screen and (max-width: 374px) {

  .display-2 {

    font-size: 1.5rem;

  }

  .display-3 {

    font-size: 1.25rem;

  }

}



#myBtn {

  display: none;

  

  position: fixed;

  

  bottom: 20px;

  

  right: 30px;

  

  z-index: 99;

  

  border: 1px solid #e43f3f;

  

  outline: none;

  

  background-color: #ffffff;

  

  color: #e43f3f;

  

  cursor: pointer;

  

  padding: 5px 10px;

  

  border-radius: 50%;

  

  font-size: 18px;

  

}



#myBtn:hover {

  background-color: #555;

  

}



.toingredi {

  padding-bottom: 20px;

}



.toingredi .number {

  width: 50px;

  height: 50px;

  background: #054d11;

  align-items: center;

  text-align: center;

  display: flex;

  color: white;

  font-size: x-large;

  justify-content: center;

  border-radius: 50px;

  margin: 0 auto;

}



.toingredi .arrow {

  font-size: x-large;

  padding-left: 15px;

  color: #054d11;

}



.accordion-button {

  background-color: #ffffff;

}



.accordion-flush .accordion-item .accordion-button,

.accordion-flush .accordion-item .accordion-button.collapsed {

  

  

}



.accordion-body {

  background-color: #ffffff;

}



.accordion-button:focus {

  background-color: #ffffff;

}



.accordion-button:not(.collapsed) {

  background-color: #ffffff;

  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0

    var(--bs-accordion-border-color);

}



.review_content {

  padding: 15px;

  margin-top: 20px;

  background-color: #1e1e1e;

  border-radius: 0px;

  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

}



.review_content .rating i {

  margin-right: 10px;

}



.mailheadingul1 {

  padding: 0;

}



.mailheadingul1 li {

  list-style: none;

  display: flex;

  margin-bottom: 5px;

  align-items: center;

  align-content: center;

  font-size: 20px;

}



.mailheadingul1 li .tickli {

  color: #001438000;

  width: 25px;

  height: 25px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.mailheadingul {

  padding: 0;

}



.mailheadingul li {

  list-style: none;

  display: flex;

  margin-bottom: 5px;

  align-items: center;

  align-content: center;

}



.mailheadingul li .tickli {

  background: #053566;

  color: #fff;

  padding: 2px;

}



.baseheadingul {

  padding: 0;

}



.baseheadingul li {

  list-style: none;

  margin-bottom: 5px;

}



.baseheadingul li .tickli {

  background: #053566;

  color: #fff;

  width: 44px;

  height: 44px;

  line-height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin-left: 20px;

}



.crossheadingul {

  padding: 0;

}



.crossheadingul li {

  list-style: none;

  margin-bottom: 5px;

}



.crossheadingul li .tickli {

  background: #ee2546;

  color: #fff;

  width: 44px;

  height: 44px;

  line-height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  margin-left: 20px;

}



.img_background {

  background-color: #053566;

  border-radius: 50%;

}



.img_background .minmiseimg {

  padding: 30px;

  margin: 0 auto;

  display: flex;

}



.towidth-img img {

  width: 50%;

}



.Gurantee_bg {

  background-image: url(../images/180-days-money-background.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 20px;

}



.tomin-margin {

  margin-top: -15%;

}



.margintop {

  margin-top: 8rem !important;

}



.moneybackheading {

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

  font-size: 13rem;

  line-height: 1.1;

}



.moneybackheading2 {

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

  font-size: 4rem;

  line-height: 1.1;

}



.torevert {

  flex-direction: row-reverse;

}



.marginleftonimg {

  margin-left: 11px;

}



.accordion-button::after {

  background-image: url(../images/angle-down-solid.svg);

  background-position: center;

}



.accordion-button:not(.collapsed)::after {

  background-image: url(../images/angle-down-solid.svg);

  transform: var(--bs-accordion-btn-icon-transform);

}



.headingbg {

  background-image: url(../images/headingbg.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}



.table-dark {

  --bs-table-bg: #ffffff;

  --bs-table-border-color: #001438;

  --bs-table-color: #001438000;

}



.table > thead {

}



.galahighimg {

  display: flex;

  margin: 0 auto;

}



@media screen and (max-width: 1399px) and (min-width: 1200px) {

  .moneybackheading {

    font-size: 11rem;

  }

  .moneybackheading2 {

    font-size: 3.5rem;

  }

}



@media screen and (max-width: 1199px) and (min-width: 991px) {

  .tofreebonus {

    padding: 20px 5px;

  }

  .display-2 {

    font-size: 2.2rem;

  }

  .moneybackheading {

    font-size: 9rem;

  }

  .moneybackheading2 {

    font-size: 3rem;

  }

}



@media screen and (max-width: 991px) and (min-width: 768px) {

  .btn-primary_my_header {

    font-size: 9px;

  }

  .navbar-brand h2 {

    font-size: 1.4rem;

  }

  .mynavbar .nav-item .nav-link {

    font-size: 12px;

  }

}



@media screen and (max-width: 991px) {

  .tofreebonus {

    padding: 10px 25px;

  }

  .imageccentr {

    margin: 0 auto;

    display: flex;

  }

  .all-brand .img-wrapper img {

    width: 40%;

  }

  .to-revesr-row {

    flex-direction: column-reverse;

  }

  .to-revesr-row1 {

    flex-direction: row-reverse;

  }

  .toresise {

    width: 60%;

  }

  .all-brand {

    min-height: 400px;

  }

  .torotate-allcontent {

    flex-direction: row-reverse;

    justify-content: flex-end;

  }

  .margintop {

    margin-top: 0rem !important;

  }

  .baseheadingul li .tickli {

    margin-left: 0px;

  }

  .crossheadingul li .tickli {

    margin-left: 0px;

  }

  .toingredi .number {

    margin-left: 0px;

  }

  .moneybackheading2 {

    font-size: 2.5rem;

  }

  .moneybackheading {

    font-size: 7rem;

  }

}



@media screen and (max-width: 767px) {

  .moneybackheading {

    font-size: 4rem;

  }

  .moneybackheading2 {

    font-size: 1.5rem;

  }

}



@media screen and (max-width: 575px) {

  .all-brand .img-wrapper img {

    width: 40%;

  }

  .main_section .onmobile22 {

    margin-top: 20px;

  }

  .all-section h2 {

    margin-bottom: 15px;

  }

  .all-brand {

    min-height: unset;

  }

  .to-centert_mobile {

    text-align: center;

  }

  .baseheadingul li .tickli {

    width: 32px;

    height: 33px;

    line-height: 32px;

    margin-left: 0px;

  }

  .crossheadingul li .tickli {

    width: 32px;

    height: 33px;

    line-height: 32px;

    margin-left: 0px;

  }

  .moneybackheading {

    font-size: 3rem;

  }

  .moneybackheading2 {

    font-size: 1rem;

  }

}