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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Jost", sans-serif;     
    scroll-padding-top: 66px;                   
}

body{
    position: relative;     
}

p {
    font-size: 18px;  
}

a{
    text-decoration: none;   
    color: #fff;  
}
a:hover{ 
    color: #e74a2e;  
}

/* header starts */
.mynavbar {
    background-color: #033c3b;
}

.navbar-brand{      
    width: 145px;    
} 

.navbar-icons {
    color: #fff;
}                     

.mynavbar .nav-item .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {   
    color: #fff !important;
}

.btn {
    background: #ffe161;
    color: #000;
    font-weight: 500 !important;       
}

.btn-outline-success:hover {    
    color: #000 !important;
    background-color: #ffe161 !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;       
}    
/* header ends */

/* .banner starts */
.banner {
    padding-top: 50px;
}

.banner .blue-head {
    color: #015682;
}

.banner .red-head {
    color: #dd1210;
}

.banner .right-heading {
    color: #166255;
}

.border-h4 {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}
.s-btn{
    font-size: 20px;    
}
/* .banner ends */

/* four-sec starts */
.four-sec {
    background-color: #f1f8fa;
}

.heading {
    background-color: #033c3b;
    color: #fff;
}

.box-img {
    width: 100px;
    margin: 0 auto;
}

/* four-sec ends */

/* review-sec starts */
.review-sec {
    background-color: #f1f8fa;
}

.review-sec i {
    background-color: #11c81d;
    color: #fff;                        
    font-size: 20px;
}

.boxes-img {
    width: 150px;
}

.boxes-btn {
    background-color: #f7f7f7;  
}
.btn01:hover{ 
    color: #000; 
    background-color: #f7f7f7;
}

/* review-sec ends */

/* two-sec starts */
.btn-2 {
    background-color: #ff6666 !important;
    color: #fff !important;
    font-size: 20px;   
}

@media (max-width: 500px){ 
    .custom-m{
        margin-right: 0 !important;  
    }
}
/* two-sec ends */

/* ingredients-sec starts */
.number h5 {
    background-color: #20b11e;
    color: #fff;
    width: 40px;
    height: 40px;
}

.arrow i {
    color: #20b11e;
    font-size: 30px;
    font-weight: bold;
}

.ingredients-sec .title {
    color: #20b11e;
}

@media (max-width: 768px) {                                                  
    .order-img{
        width: 85% !important;   
    } 
}

@media (max-width: 767px) {                                                  
    .ingredients-sec .images-boxes {
        width: 100% !important;
    }
    .navbar-brand{
        width: 135px;       
    } 
    .bottom-part{
        width: 65% !important;  
    } 
    * {
        scroll-padding-top: 54px;                   
    }
}
@media (max-width: 450px) {                                                  
    .bottom-part{
        width: 85% !important;  
    } 
}

/* ingredients-sec ends */

/* benefits-sec starts */
.benefits-sec .icons i {
    background-color: #20b11e;
    color: #fff;
    width: 30px;
    height: 30px;
}

/* benefits-sec ends */

/* order-sec starst */
.order-sec {
    background-color: #2d6665;
    color: #fff;
}

.order-sec-main {
    background-color: #287d6f;
}

.bonus-box {
    background-color: #174e44;
    border-radius: 15px;
}

.bonus-box img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.order-sec h6 span {
    color: #34d6bc;
}

.order-sec h5 .span1 {
    text-decoration-color: red !important;
}

.order-sec h5 .span2 {
    color: #dbff3a;
}

/* order-sec ends */

/* Question-sec starts */
.accordion-button:focus {
    box-shadow: inherit !important;
}
.accordion-button:not(.collapsed) {
    color: #000 !important;  
}

/* Question-sec ends */

/* footer starts */
footer {
    background-color: #0f0f0f;
    color: #fff;
}                      
/* footer ends */

/* bottom-content */
.bottom-content{
    position: sticky;
    bottom: 0;                   
    left: 0;
    right: 0;  
}

/* pros-cons-sec starts */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{     
    border-color: #ffffff #ffffff #033c3b;    
    color: #033c3b;    
    border-width: 2px;   
  }
  .nav-link{
    color: #000000;       
  }
  .mytabs{
    /* border: 0 !important;   */   
  }  
  .nav-link:focus, .nav-link:hover {
    color: #000 !important;    
}
/* pros-cons-sec ends */     

/* Question-sec starts */
.accordion-button:focus {
    box-shadow: inherit !important;
  }
  
  .accordion-button:not(.collapsed) {
    color: #000 !important;
  }
  
  .accordion-item {
    border-bottom: 1px solid #25336c !important;
    border-radius: 0 !important;
  }
  
  .accordion-btn {
    border-top: 1px solid #25336c !important;
  }
  
  .accordion-button::after {
    background-image: url(../images/angle-down-solid.svg) !important;
    background-position: center;
    border: 1px solid #000;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url(../images/angle-down-solid.svg) !important;
  }
  
  .accordion-button::after {
    background-color: transparent;
    padding: 13px;
    border-radius: 100%;
    /* background-color: #ffa600; */
  }
  
  .accordion-text {
    font-size: 18px;
  }
  
  @media (max-width: 767px) {
    .accordion-text {
      font-size: 16px;
    }
    .list4 li:before {
      top: 40%;
    }
  }
  /* Question-sec ends */