/* Custom styles that override or complement Bootstrap */
        body {
            line-height: 1.6;
            color: #333;
			font-family: 'Roboto Condensed', 'Arial Adjusted', Arial, sans-serif !important;
        }
        
		.clear-both {
  clear: both;
		}  
  
  .info-list li {
  clear: both;         /* if you're fixing float issues */
  margin-bottom: 10px; /* controls spacing like <br> did */
	display:inline-block;
}
        .logo img {
            height: 40px;
        }
        
        .order-btn, .cta-btn {
            background: #811C7C;
            color: white;
            transition: background 0.3s;
			
        }
        
        .order-btn:hover, .cta-btn:hover {
            
            color: #FFF100;
			background: #ff6b6b;
        }
		.nav-item{
		font-size:18px;
		margin-right:10px;
		}
		.nav-item a {color:#ffffff;}
		.nav-item a:hover{color:#c7cacb;}
		.order-btn{
		font-size:20px;
		border-radius:20px !important;
		}
		
		.cta-btn{
		font-size:20px;
		font-weight:bold;
		border-radius:20px !important;
		}
		p{font-size:20px !important;}
		ul{list-style:none;}
		ul li {float:left; font-size:18px;}
        
        .banner {
             background: #EB787A;
background: linear-gradient(90deg,rgba(235, 120, 122, 1) 0%, rgba(246, 172, 174, 1) 50%, rgba(235, 120, 122, 1) 100%);
            
            padding: 50px 0;
        }
		h1{font-weight:bold; font-size:40px; color:#ffffff; 1px 1px 1px black, 2 2 10px black, 2 2 5px #000000; text-shadow: 1px 1px 2px #FF0000;}
		h1 span{color:#ffffff;font-size:50px;font-weight:bold !important;}
        
        .section-title {
            text-align: center;
            margin: 40px 0;
            font-size: 2rem;
            color: #333;
        }
		.section-title span {
            
            color: #FFF100;
        }
		
		h4 strong{color:#1C8DA7;}
		
		.mito-img{
		
		width: 350px;
		}
			
		.section-title-1{font-weight:bold; color:#1C8DA7; text-align: center;
            margin: 20px 0;}
			
		.section-title-2{font-weight:bold; color:#ffffff; text-align: center;
            margin: 40px 0;}
		
		.section-title-2 span{color: #FFF100;}
		
		.section-title-3{font-weight:bold; color:#000000; text-align: center;
            margin: 40px 0; font-size:40px;}
        
        .feature-box {
            text-align: center;
            padding: 20px;
        }
		.feature-box img {
            max-height: 300px;
            margin-bottom: 15px;
			border-radius:12px;
			/*border:4px solid #2bc5e9;*/
			/*box-shadow: 1px 6px 13px -7px rgba(0,0,0,.75);*/			
        }
		.feature-box-thumb img {
            max-height: 90px;
            margin-bottom: 15px;
			border-radius:12px;
			border:4px solid #2bc5e9;
			box-shadow: 1px 6px 13px -7px rgba(0,0,0,.75);			
        }
		.feature-box-bonus {
            text-align: center;
            padding: 20px;
			color:#ffffff;
        }
		.feature-box-bonus img {
            max-height: 300px;
            margin-bottom: 15px;
			border-radius:12px;
			border:4px solid #2bc5e9;
			box-shadow: 1px 6px 13px -7px rgba(0,0,0,.75);			
        }
		.feature-box ul{list-style:none; margin:0px; padding:0px;}
		.feature-box ul li {float:left; font-size:18px;}
		.mt-3{
		color:#ffffff !important;
		font-weight:bold !important;
		}
		.mt-3 span{color:#5ECDE8 !important;}
		.mt-3 u{color:#FFF100;}
        
		.shipping {font-weight:bold !important;color:#ffffff;}
		.shipping p {color:#ffffff;}
		.shipping span {color:#FFF100;}
        	
		td{ text-align:left !important;}
		td img{ border:none !important;box-shadow:none !important;}
        
        .testimonial {
            background: #f8f9fa;
            padding: 60px 0;
        }
        
        .testimonial-box {
            text-align: center;
            padding: 20px;
        }
        
        .testimonial-box img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            margin: 0 auto 20px;
        }
        
        .faq {
            padding: 30px 0;
        }
        
        .faq-item {
            margin-bottom: 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .faq-question {
            padding: 15px;
            background: #f8f9fa;
            cursor: pointer;
            font-weight: bold;
            position: relative;
        }
        
        .faq-question:after {
            content: '+';
            position: absolute;
            right: 15px;
            font-size: 1.2rem;
        }
        
        .faq-question.active:after {
            content: '-';
        }
        
        .faq-answer {
            padding: 0 15px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        footer {
            background: #333;
            color: white;
            padding: 40px 0;
            text-align: center;
        }
        
        .footer-links a {
            color: white;
            margin: 0 15px;
            text-decoration: none;
        }
        
        .footer-links a:hover {
            text-decoration: underline;
        }
        
        /* Sticky header */
        header {
            background: #272727;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
            transition: all 0.3s ease;
        }
        
        .scrolled {
            padding: 10px 0 !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
        }
		.cb {
		background:#F5F5F5;
		}
		/*---- Privacy css ---------*/
		.yellow-button {
		background: #FF3E99;
		border: 3px solid #007f9c;
		color: #ffffff;
		display: inline-block;
		padding: 15px;
		text-align: center;
		border-radius: 12px;
		cursor: pointer;
		}
		.yellow-button:hover {
		background: #ff0;
		border: 3px solid #007f9c;
		color: #0055c2;
		display: inline-block;
		padding: 15px;
		text-align: center;
		border-radius: 12px;
		cursor: pointer;
		}
		.inner ul{list-style:none;}
		.inner ul li {float:left; font-size:18px; color:#ff0000; display:block;}
		.contact-link{color:#ff0;}
		
        /*---- Privacy css ---------*/
        /* Responsive adjustments */
        @media (max-width: 992px) {
            .banner-text h1 {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 768px) {
		
			p{font-size:18px !important;}
            .banner-text h1 {
                font-size: 1.8rem;
            }
            
            .section-title {
                font-size: 1.5rem;
            }
			.section-title-3{
			font-size: 30px;
			}
			.feature-box-thumb img{
			max-height:50px;
			max-width:50px;
			margin-bottom:15px;
			}
			.feature-box-thumb h3{
			font-size:17px;
			
			}
			.feature-box ul li{
			font-size:16px;
			}
			.feature-box p{
			font-size:18px !important;
			}
        }
        
        /* New responsive column adjustments */
        @media (max-width: 576px) {
            /* Three column sections become two columns */
            .three-col .col-md-4 {
                width: 50%;
                float: left;
            }
            
            /* Two column sections become one column */
            .two-col .col-md-6 {
                width: 100%;
                float: none;
            }
			p{font-size:18px !important;}
        }