body{font-family:"Poppins", serif;font-size:17px;line-height:1.35em;color:#383838;}
.logo img{max-width:240px;}
img{max-width:100%;}
.text-brand{color:#00a04c;}

section p:last-child{margin-bottom:0;}
.small, small{font-size:0.95em;}

.bg{background-color:#f4f3f3;}
.bg1{background-color:#eaeaea;}
.bg3{background-color:#f7f7f7;}
.bg4{background-color:#ebe4e4;}

.banner_info{bottom:50px;left:50px;}
input[type="text"],input[type="email"],textarea,select{width:100%;border:1px solid #d2cdcd;background:#FFFFFF;padding:5px 10px;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::placeholder,textarea::placeholder{color:#383838;opacity: 1;}
textarea{resize:none;}
input[type="button"]{width:100%;background:#00a04c;color:#FFFFFF;text-align:center;border:none;padding:10px;border-radius:8px;}

ul.difference li{margin-bottom:5px;}
ul.difference li::marker{font-size:1.5em;color:#00a04c;}

ul.difference1 li{margin-bottom:5px;}
ul.difference1 li::marker{font-size:1.5em;color:#b7b7b7;}

.mw-80{max-width:80%;}

.video-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;height:0;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}


.line-clamp-3 {display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; min-height: 4.0em; /* Reserve space for 3 lines */
  }
  
.btn-thymoquin {background-color: #009f4b;color: #fff;border: none;}
.btn-thymoquin:hover { background-color: #007a3a; /* Darker on hover */ color: #fff;}


footer *{color:#676768;}
@media (min-width: 1024px) {
  .banner-img {
    height: 600px !important;
    object-fit: cover; /* optional: makes sure it crops nicely */
  }
}
.amzn-hidden-text{width:0px !important;height:0;display:block;overflow:hidden;opacity:0;}
@media only screen and (min-width:576px) and (max-width:991px){
	.container{max-width:90%;}
}

@media only screen and (min-width:1600px){
    .promo_video .container-fluid{max-width:1600px;}
}

@media only screen and (max-width:767px){
    .logo img{max-width:160px;}
    .top-banner .position-relative img{height:360px;object-fit:cover;}
    .banner_info {bottom: 20px !important; left: 20px !important;}
    body {font-size: 18px; }
    .fw-normal:{font-size:18px;}
    h1,.h1{font-size:28px!important ; }
    h2,.h2{font-size:25px !important; }
    h3,.h3{font-size:22px !important; }
    h4,.h4{font-size:18px !important; }
    h5,.h5{font-size:18px !important; }
    li {font-size: 18px !important;}
    .fast{font-size:20px !important ;}
}


 .social-icons {
            display: flex;
            gap: 15px;
            justify-content: flex-end;
            align-items: center;
        }
        
        .social-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            border: 2px solid;
            border-radius: 50%;
            text-decoration: none;
            font-size: 18px;
            transition: all 0.3s ease;
            background-color: transparent;
        }
        
        .social-icon:hover {
            color: white !important;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        
        /* All Icons - Black Color */
        .social-icon {
            border-color: #009f4b;
            color: #009f4b;
        }
        
        .social-icon:hover {
            background-color: #009f4b;
        }
        
       
        
        /* Responsive adjustments */
        @media (max-width: 767.98px) {
            /* Mobile: Center social icons below logo */
            .social-icons {
                justify-content: center;
                gap: 10px;
                margin-top: 15px;
            }
            
            .social-icon {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
            
            /* Center logo on mobile */
            .logo{
                display: flex;
        justify-content: center;
        align-items: center;
            }
            
            /* Remove bottom padding from logo container */
            .logo-container {
                padding-bottom: 0 !important;
            }
            
            /* Reduce top padding for social icons container */
            .social-container {
                padding-top: 0 !important;
            }
        }
        
        /* Quick fix for footer social icons */
footer .social-icon {
    color: #009f4b !important;
    border-color: #009f4b !important;
}

footer .social-icon:hover {
    background-color: #009f4b !important;
    color: white !important;
}

footer .social-icon i {
    color: inherit !important;
}