/* Custom styles that override or complement Bootstrap */
        body {
            line-height: 1.6;
            color: #333;
			font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }
        
		.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: #FFD814;*/
			background:#7B930A;
			color: #fff;
            transition: background 0.3s;
			border:2px solid #fff;
			box-shadow: 2px 2px 2px #49494a; 
			
        }
        
        .order-btn:hover, .cta-btn:hover {
            
            color: white;
			background: #FFC107;
			border:2px solid #fff;
        }
		.nav-item{
		font-size:20px;
		margin-right:10px;
		
		}
		.nav-item a {color:#ffffff;text-shadow: 1px 0px #000;}
		.nav-item a:hover{color:#fff;}
		.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: #454582;
background: linear-gradient(90deg,rgba(69, 69, 130, 1) 0%, rgba(0, 0, 10, 1) 35%);*/
    /*background: linear-gradient(130.58deg, #0C2F4F 7.82%, #000000 68.67%);*/
		padding: 50px 0;}
		
		.banner-gra{
			background: linear-gradient(130.58deg, rgba(12, 47, 79, 0.9) 7.82%, rgba(0, 0, 0, 0.9) 68.67%), 
              url('../images/metal_back.webp');
  background-size: auto, 250px 250px;
  background-position: center, top left;
  background-repeat: repeat;
  position: relative; /* or absolute/fixed if needed */
  z-index: 1;
  
}

.pattern-bg {
    background: radial-gradient(circle farthest-side at 0 50%,#030405 23.5%,rgba(240,166,17,0) 0) 12.6px 18px,radial-gradient(circle farthest-side at 0 50%,#232830 24%,rgba(240,166,17,0) 0) 11.4px 18px,linear-gradient(#030405 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#030405 0),linear-gradient(150deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(30deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(90deg,#232830 2%,#030405 0,#030405 98%,#232830 0) #030405;
    background-size: 24px 36px
}
		}
		
		.banner p{color:#f78e3b;}
		.banner-text h2{color:#fff; font-size:35px;font-weight:bold;}
		.banner-text p{color:#fff; font-size:25px;font-weight:bold;}
        
		.banner-small{background:#F0F0F0;}
		h1{font-weight:bold; font-size:40px; color:#00608A; 1px 1px 1px black, 2 2 10px black, 2 2 5px #000000; /*text-shadow: 1px 1px 2px #FF0000;*/}
		h1 span{color:#00608A;font-size:50px;font-weight:bold !important;}
		.hepato{font-size:70px; font-weight:bold;color:#99AC1A;}
		.hepato span{font-size:55px;color:#353535; }
        
        .section-title {
            text-align: center;
            margin: 20px 0;
            font-size: 45px;;
            color: #272727;
			font-weight:bold;
	
        }
		.section-title span {
            
            color: #99AC1A;
        }
		
		h4 strong{color:#D62131;}
		
		.mito-img{
		
		width: 350px;
		}
			
		.section-title-1{font-weight:bold; color:#0A2240; text-align: center;
		margin: 20px 0; font-size:30px;}
			
		.section-title-1 span{color:#ecff48;font-size:40px;}
			
		.section-title-2{font-weight:bold; color:#272727; text-align: center;
            margin: 40px 0;}
		
		.section-title-2 span{color: #ef981c;}
		
		.section-title-3{font-weight:bold; color:#000000; text-align: center;
            margin: 40px 0; font-size:30px;}
			.section-title-3 span{color:#99AC1A; font-size:40px;}
        
        .feature-box {
            text-align: center;
            padding: 20px;
			border:1px solid #28A745;
			background:#FEF7ED;
			border-radius: 50px 5px;
        }
		.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);*/

			/*border: solid white 8px;
			box-shadow: 0 4px 6px -6px #222;
			max-height: 250px;*/
			
			width: 200px;
			border-radius: 50%;
			margin: 0 auto .5rem;
			display: block;
			border:8px solid #fff;
			box-shadow: 0 4px 6px -6px #222;
			
        }
		.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: 500px;
            /*margin-bottom: 15px;
			border-radius:12px;
			border:4px solid #2bc5e9;
			box-shadow: 1px 6px 13px -7px rgba(0,0,0,.75);*/			
        }
		.feature-box-bonus p {
            color:#073B5E;		
        }
		.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;
		}
		.mb-3 {color: #0A3B6C;}
		.mb-3 span{color: #ffffff;padding:0px 5px 0px 5px; border:2px solid #ffffff;box-shadow: 4px 4px #ffeaad;background:#FFC107; text-shadow: 2px 2px 2px #7f5f00;}
		
		.mt-3 {color:#FFF100 !important; font-size:40px;}
		.mt-3 span{color:#0CA9CC !important;}
		.mt-3 u{color:#FFF100;}
		
       
		.shipping h3{color:#fff!important;}
		.shipping p {color:#ffffff !important;}
		.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 p{
			color:#333333;
            
        }
        
        .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;
        }
        .faq-answer p {font-sze:14px !important;}
        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;
        }
		footer p{
			font-size:15px !important;
		}
        
        /* 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: #FEF7ED;
		border: 3px solid #007f9c;
		color: #0055c2;
		display: inline-block;
		padding: 15px;
		text-align: center;
		border-radius: 12px;
		cursor: pointer;
		}
		.yellow-button:hover {
		background: #FEF7ED;
		border: 3px solid #007f9c;
		color: #ff6b6b;
		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;}
		
		.navbar-toggler-icon {background-image: url("../images/toggle-bar-icon.png")!important; /* The image used */}
		.shadow{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important }
		
        /*---- Privacy css ---------*/
        /* Responsive adjustments */
        @media (max-width: 992px) {
            .banner-text h1 {
                font-size: 2rem;
            
			.hepato{font-size:60px; font-weight:bold;color:#007953 ;}
		.hepato span{font-size:50px;color:#0A2240; }
        }
        
        @media (max-width: 768px) {
		
			p{font-size:18px !important;}
            .banner-text h1 {
                font-size: 2.3rem;
            }
            
            .section-title {
                font-size: 2rem;
            }
			.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;
			}
			.hepato{font-size:50px; font-weight:bold;color:#4094e1 ;}
		.hepato span{font-size:40px;color:#ffffff; }
		.section-title-1{ font-size:25px;}
		.section-title-1 span {font-size:30px;}
        }
        
        /* 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}
			
			.hepato{font-size:40px; font-weight:bold;color:#99AC1A;}
		.hepato span{font-size:30px;color:#353535; }
		.section-title-1{font-size:25px;}
		.section-title-1 span {font-size:28px;}
			
			
        }
		
		/*---------------Privacy ---------*/
		
		.privacy h2 {
            color: #2980b9;
            margin-top: 30px;
			font-size:25px;
        }
        .privacy h3 {
            color: #34495e;
            margin-top: 20px;
			font-size:18px;
        }
        .privacy .section {
            margin-bottom: 30px;
        }
        .privacy .highlight-box {
            background-color: #f8f9fa;
            border-left: 4px solid #3498db;
            padding: 15px;
            margin: 20px 0;
        }
        .privacy .note {
            font-style: italic;
            color: #7f8c8d;
        }
        .privacy ul {
            padding-left: 20px;
        }
        .privacy li {
            margin-bottom: 8px;
			display:block;
			float:none;
        }