/* FONT IMPORT */
@import url(layout.min.css);
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@import
url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
--white: #fff;
--black: #000;
--primary: #112a48;
--secondary: #333333;
}

html {
scroll-behavior: smooth;
height: 100%;
}

body {
position: relative;
background: #fff;
overflow-x: hidden;
height: 100%;
font-family: "Geist", sans-serif;
}

section {
position: relative;
}

.img-auto {
display: block;
max-width: 100%;
margin: 0 auto;
}

a,
button {
text-decoration: none !important;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:hover,
button:hover {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

ul {
padding: 0;
margin: 0;
list-style: none;
}

figure {
margin: 0;
}

/* PRELOADER */

.preLoader {
width: 100%;
height: 100%;
z-index: 1111;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

.preLoader.black {
background-color: var(--secondary);
z-index: 11113;
}

.preLoader.white {
z-index: 11112;
background-color: var(--primary);
}

/* PRELOADER */

/* GLOBAL CSS */

.themeBtn {
background: var(--primary);
font-size: 1.125rem;
color: var(--white) !important;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
padding: 1.04em 1.96em;
border-radius: 7px;
line-height: normal;
}

/* !GLOBAL CSS */

/* Main Banner Css Start */

.mainBanner {
background: url(../images/ban-bg.png)center/cover;
height: 940px;
display: flex;
align-items: center;
z-index: 2;
}
.mainBanner:before{content: '';position: absolute;top: 0;left: 0;width: 100%;background-color: rgb(0 0 0 / .6);z-index:
1;height: 100%;}
.mainBanner video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;object-fit: cover;}
.mainBanner .container{position: relative;z-index: 2;}

.bannerContent>span {
color: var(--white);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.3px;
font-family: 'Inter';
text-transform: uppercase;
background: rgb(255 255 255 / 5%);
border: 1px solid rgb(255 255 255 / 10%);
padding: 5px 2em;
border-radius: 50px;
display: block;
width: fit-content;
position: relative;
}

.bannerContent>p>strong {
color: var(--white);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.3px;
font-family: 'Inter';
text-transform: uppercase;
background: rgb(255 255 255 / 5%);
border: 1px solid rgb(255 255 255 / 10%);
padding: 5px 2em;
border-radius: 50px;
display: block;
width: fit-content;
position: relative;
}

.bannerContent span:before {
content: "";
position: absolute;
background: #22C55E;
width: 8px;
height: 8px;
border-radius: 50px;
top: 0;
bottom: 0;
margin: auto;
left: 11px;
}

.bannerContent>p>strong:before {
content: "";
position: absolute;
background: #22C55E;
width: 8px;
height: 8px;
border-radius: 50px;
top: 0;
bottom: 0;
margin: auto;
left: 11px;
}

.bannerContent h1 {
color: var(--white);
font-weight: 300;
font-size: 60px;
line-height: 1.2;
margin: 1rem 0 1.5rem 0;
}

.bannerContent h1 span {
color: #FD2E42;
font-size: 87px;
}

.bannerContent a {
color: var(--white);
font-weight: 500;
font-family: 'Inter';
background: rgb(255 255 255 / 5%);
border: 1px solid rgb(255 255 255 / 30%);
border-radius: 50px;
padding: 16px 2.2em;
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
}

.bannerContent {
margin-top: 11rem;
}

.bannerBox {
background: rgb(0 0 0 / 60%);
border: 1px solid rgb(255 255 255 / 20%);
border-radius: 1rem;
width: 320px;
margin-left: auto;
padding: 25px 25px;
margin-top: 4rem;
}

.bannerBox span {
color: rgb(255 255 255 / 50%);
text-transform: uppercase;
font-size: 12px;
display: flex;
align-items: center;
justify-content: space-between;
letter-spacing: 1px;
border-bottom: 1px solid rgb(255 255 255 / 10%);
padding-bottom: 1rem;
}

.bannerBox ul li {
color: var(--white);
font-size: 14px;
font-family: 'Inter';
display: flex;
align-items: center;
gap: 12px;
margin-top: 20px;
}

.bannerBox ul li i {
color: #104585;
}

/* Main Banner Css End */

/* Category Sec Css Start */

.categorySec {
background: #112a48;
padding: 120px 0;
}

.categoryHeading h2 span {
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
letter-spacing: 3.6px;
}

.categoryHeading h2 {
color: #fff;
font-size: 60px;
letter-spacing: -1.5px;
font-weight: 500;
margin: 0;
line-height: 1.4;
}

.categoryHeading {
display: flex;
align-items: anchor-center;
justify-content: space-between;
}

.categoryHeading a {
color: #fff;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
font-family: 'Inter';
}

.categoryWraps {
position: relative;
margin: 50px 0 1rem 0;
overflow: hidden;
border-radius: 20px;
z-index: 1;
}
.categoryWraps:before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%;
background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 86%) 100%); }
.categoryWraps figure img,
.categoryBox figure img{
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .7s;
object-fit: cover;
width: 100%;
}
.categoryBox figure img {
height: 230px;
width: 100%;
}

.categoryWraps:hover figure img,
.categoryBox:hover figure img{ transform: scale(1.05); }

.categoryContent {
position: absolute;
bottom: 2rem;
left: 2rem;
z-index: 3; 
max-width: 320px;
}

.categoryContent strong {
font-size: 12px;
color: #fff;
font-weight: 500;
font-family: 'Inter'; 
background: var(--primary);
border-radius: 50px;
padding: 8px 1.5em;
backdrop-filter: blur(5px);
}

.categoryContent h4 {
color: var(--white);
font-size: 1.1rem;
font-weight: 500;
margin: 0;
/* max-width: 160px; */
/* min-height: 40px; */
}

.categoryContent p {
font-size: 1rem;
color: var(--white);
font-weight: 400; 
}

.categoryContent a {
color: var(--white);
font-size: 14px;
font-weight: 500; 
font-family: 'Inter';
/* display: flex; */
/* align-items: center; */
/* gap: 10px; */
}

.categoryFlex {
display: flex;
gap: 1rem;
}

.categoryBox {
position: relative;
width: 100%;
border-radius: 10px;
overflow: hidden;
z-index: 1;
}
.categoryBox:before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%;
background: linear-gradient(to bottom, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 86%) 100%); }

.categoryText {
position: absolute;
bottom: 25px;
left: 1rem;
z-index: 2;
}

.categoryText strong {
color: var(--white);
font-size: 12px;
font-weight: 500;
font-family: 'Inter';
background: var(--primary);
border-radius: 50px;
padding: 8px 1.5em;
backdrop-filter: blur(5px);

}

.categoryText h4 {
/* max-width: 160px; */
color: var(--white);
font-size: 1.2rem;
font-weight: 500;
margin: 0;
/* max-width: 160px; */
/* min-height: 40px; */
margin-top: 1rem;
}

/* Category Sec Css End */

/* Product Sec Css Start */

.productSec {
padding: 120px 0;
}

.productHeading {
margin-bottom: 20px;
}

.productHeading small {
font-size: 12px;
text-transform: uppercase;
color: var(--primary);
letter-spacing: 3.6px;
font-weight: 500;
display: block;
margin-bottom: 10px;
}



.productSec.aboutSec {
}

.productHeading h2 {
color: #171717;
font-size: 72px;
font-weight: 300;
margin: 0;
letter-spacing: -3.6px;
line-height: 1;
}

.productHeading h2 span {
display: block;
color: #D4D4D4;
}

.productHeading h2 strong {
display: block;
color: #D4D4D4;
}

.productWraps figure {
position: relative;
overflow: hidden;
border-radius: 1rem 1rem 0 0;

}
.productWraps figure img{
transition-property: transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: .7s;
object-fit: cover;
}
.productWraps:hover img{ transform: scale(1.05); }

.saleWraps {
position: absolute;
top: 13px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 14px;
}

.saleWraps .sale {
color: #fff;
font-size: 11px;
text-transform: uppercase;
background: var(--primary);
border-radius: 50px;
padding: 6px 13px;
letter-spacing: 0.55px;
}

.saleWraps .heart {
background: rgb(255 255 255 / 80%);
width: 40px;
height: auto;
aspect-ratio: 1;
display: grid;
place-items: center;
border-radius: 50px;
border: 1px solid rgb(255 255 255 / 50%);
color: black;
}

.productContent {
padding: 1rem 1rem;
}

.productWraps {
border: 1px solid rgb(0 0 0 / 5%);
border-radius: 1rem;
margin-top: 2rem;
}

.productContent h4 {
color: var(--black);
font-size: 14px;
font-weight: 500;
letter-spacing: -0.35px;
}

.productContent p {
color: #000000;
font-size: 12px;
opacity: 50%;
}

.productContent span {
/*display: flex;*/
align-items: center;
gap: 8px;
color: #E11D48;
font-weight: 600;
margin-bottom: 12px;
}

.productContent span del {
font-size: 14px;
color: #000000;
opacity: 50%;
font-weight: 400;
}

.productContent a {
background: var(--black);
width: 100%;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--white);
font-size: 14px;
font-weight: 500;
padding: 12px 0;
transition: all 0.3s ease;
margin-top: 20px;
}
.productContent a:hover{ background-color: var(--primary); }

/* Product Sec Css End */

/* Testimonial Sec Css Start */

section.testimonialSec {
background: #F5F5F5;
}

.testimonialBox {
background: var(--white);
border-radius: 1rem;
padding: 25px 20px;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
border: 1px solid rgb(255 255 255 / 10%);
}

.testimonialSlider {
padding: 2.5rem 1px 10px 1px;
}

.testimonialBox ul {
display: flex;
gap: 10px;
}

.testimonialBox ul li {
color: #FDCD27;
}

.testimonialBox p {
color: #404040;
margin: 1rem 0 25px 0;
}

.testimonialBox h3 {
font-size: 14px;
font-weight: 600;
color: #171717;
margin: 0;
}

.testimonialBox span {
font-size: 12px;
color: #737373;
}


.testimonialSec .swiper-button-next,
.testimonialSec .swiper-button-prev {
border: 1px solid #D4D4D4;
width: 48px;
height: auto;
aspect-ratio: 1;
border-radius: 50px;
color: var(--black);
font-weight: 700;
top: 35%;
}

.testimonialSec .swiper-button-next:after,
.testimonialSec .swiper-button-prev:after {
font-size: 16px;
}

.testimonialSec .swiper-button-next {
right: 20%;
}

.testimonialSec .swiper-button-prev {
left: inherit;
right: 23%;
}

/* Testimonial Sec Css End */

/* About Sec Css Start */

.aboutHeading {
text-align: center;
margin-bottom: 5rem;
}

.aboutHeading h2 span {
display: inline-block;
}

.aboutHeading h2 strong {
display: inline-block;
}

.aboutContent h2 {
color: #E5E5E5;
font-size: 60px;
font-weight: 200;
}

.aboutContent h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 1rem;
color: #171717;
letter-spacing: -0.4px;
}

.aboutContent p {
font-size: 14px;
margin: 0;
color: #737373;
}

.aboutContent+.aboutContent {
margin-top: 50px;
}

.abtBtns a {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: var(--black);
opacity: 60%;
}

.abtBtns {
margin-top: 5rem;
}

/* About Sec Css End */

/* Membership Sec Css Start */

.membershipContent .tabsPack {
background: #F5F5F5;
border-radius: 12px;
width: fit-content;
padding: 14px 1em;
position: relative;
margin-bottom: 2rem;
}

.membershipContent .tabsPack:before {
content: "";
position: absolute;
background: #FD2E42;
width: 8px;
height: auto;
aspect-ratio: 1;
border-radius: 50px;
top: 0;
right: 0;
}

.membershipContent .tabsPack a {
font-size: 14px;
color: #737373;
font-weight: 500;
background: transparent;
border-radius: 8px;
padding: 12px 1.5em;
}

.tabsPack a.active,
.tabsPack a.current {
background: #ffffff;
color: #171717;
}

[class^=box-] {
display: none;
}

[class^=box-].showfirst {
display: block;
}

.membershipContent ul li {
font-size: 18px;
display: flex;
align-items: center;
gap: 14px;
font-weight: 300;
margin-top: 20px;
}

.membershipContent ul li span {
font-weight: 500;
}

.membershipContent ul {
margin-bottom: 50px;
}

a.subsBtn {
background: #171717;
color: var(--white);
font-weight: 500;
border-radius: 50px;
padding: 20px 3em;
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
margin-bottom: 1rem;
}

a.subsBtn:hover{ background: #FD2E42; }

.membershipContent p {
margin: 0;
font-size: 14px;
color: #A3A3A3;
font-weight: 300;
}

/* Membership Sec Css End */

/* Work Sec Css Start */

.workSec {
background: url(../images/workBg.png)center/cover;
padding: 130px 0;
}

.workHeadings p {
margin: 0;
color: var(--white); 
font-size: 20px;
font-weight: 300;
max-width: 46%;
margin: auto;
margin-bottom: 40px;
}

.workBox {
background: rgb(255 255 255 / 5%);
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 1rem;
backdrop-filter: blur(10px);
padding: 40px 30px;
position: relative;
margin-block: 25px;
}

.workBox h3 {
color: var(--white);
font-size: 24px;
font-weight: lighter;
letter-spacing: -0.6px;
}

.workBox p {
color: var(--white);
opacity: 70%;
font-weight: lighter;
margin: 0;
}

.workBox span {
font-size: 14px;
font-weight: 500;
color: var(--white);
opacity: 60%;
background: #93C9FFB2;
border: 1px solid rgb(255 255 255 / 20%);
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 12px;
position: absolute;
top: -1rem;
left: -1rem;
}

.workBox+.workBox {
margin-top: 24px;
}

/* Work Sec Css End */

/* Faq Sec Css Start */

.accordian li {
margin-bottom: 1rem;
border: 1px solid rgb(0 0 0 / 10%);
border-radius: 1rem;
}

.accordian li h4 {
color: var(--black);
font-size: 1.25rem;
padding: 1.4rem;
position: relative;
cursor: pointer;
background-color: transparent;
border-radius: 12px;
margin: 0;
line-height: 1.3;
}

.accordian h4::after {
content: "\f067";
font-family: "Font Awesome 5 Pro";
font-size: 20px;
position: absolute;
top: 25px;
right: 35px;
line-height: normal;
transition: all 0.3s ease-in-out;
}

.accordian p {
margin: 0;
color: var(--black);
font-weight: 300;
margin-bottom: 10px;
font-size: 1rem;
}

.accordian li>div {
display: none;
background: #fff;
border-radius: 0 0 10px 10px;
padding: 1rem;
}

.accordian li.active h4::after {
content: "\f068";
}

ul.accordian {
margin-top: 60px;
}

.faqWraps .productHeading p {
font-size: 20px;
font-weight: 300;
opacity: 60%;
margin: 1rem 0 0 0;
}

/* Faq Sec Css End */

/* Order Sec Css Start */

.orderSec {
background: url(https://9linepeptides.com/wp-content/uploads/2026/05/exc-bg.png)center/cover;
border-radius: 50px;
padding: 110px 0;
margin: 0 50px 50px 50px;
}

.orderContent small {
color: #fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-family: 'Inter';
background: var(--primary);
border-radius: 50px;
padding: 8px 2em;
display: block;
width: fit-content;
margin-bottom: 2rem;
}

.orderContent h2,
.orderContent h3 {
color: var(--white);
font-size: 60px;
font-weight: 300;
letter-spacing: -1.5px;
margin: 0;
line-height: 1;
}

.orderContent h2 strong {
color: var(--primary);
}
.orderContent h2 span {
color: #FD2E42;
}

.orderContent p {
font-size: 18px;
color: #FFFFFF; 
font-weight: 400;
width: 80%;
margin: 1.5rem 0 2rem 0;
}

.orderContent p br{
display: none;
}

.orderContent ul {
display: flex;
gap: 23px;
}

.orderContent ul li {
color: var(--white);
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
}

.orderContent ul li i {
color: var(--primary);
font-size: 18px;
}

.orderBox {
background: rgb(255 255 255 / 2%);
border-radius: 2rem;
border: 1px solid rgb(255 255 255 / 10%);
padding: 40px 40px;
backdrop-filter: blur(5px);
}

.orderBox h2 {
color: var(--white);
font-size: 24px;
font-weight: 300;
}

.orderBox p {
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
opacity: 40%;
}

.orderBox label {
font-size: 12px;
text-transform: uppercase;
display: block;
color: #FFFFFF;
opacity: 30%;
letter-spacing: 1.8px;
margin-top: 2rem;
}

.orderBox input {
background: rgb(255 255 255 / 3%);
border: 1px solid rgb(255 255 255 / 10%);
width: 100%;
height: 55px;
border-radius: 12px;
padding-left: 1.5rem;
box-shadow: unset;
outline: unset;
color:#fff;
}

.orderBox button {
font-size: 14px;
font-weight: 600;
border: unset;
outline: unset;
background: var(--primary);
border-radius: 12px;
color: #fff;
width: 100%;
padding: 16px 0;
margin-top: 1rem;
letter-spacing: 0.35px;
}

.orderBox .form-group {
margin-bottom: 25px;
}

.orderBox form p {
text-align: center;
font-size: 11px;
}

.orderBox form p a {
color: var(--white);
}

/* Order Sec Css End */

/* Footer Css Start */

footer {
background: #0A0A0A;
padding-top: 5rem;
}

.footContent p {
color: #FFFFFF;
font-size: 14px;
font-weight: 300; 
width: 90%;
line-height: 1.75;
margin-bottom: 2rem;
}

.footContent label {
color: #FFFFFF;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2.4px;
display: block;
}

.footContent input {
background: rgb(255 255 255 / 3%);
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 12px;
height: 46px;
outline: unset;
box-shadow: unset;
padding-left: 1rem;
width: 60%;
color:#fff;
}

.footContent button {
border: unset;
outline: unset;
color: var(--white);
font-size: 14px;
font-weight: 500;
background: #FD2E42;
border-radius: 12px;
padding: 12px 1.5em;
}

.footContent span {
font-size: 10px;
color: #FFFFFF; 
}

footer h3 {
letter-spacing: 2.4px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: var(--white); 
margin-bottom: 1rem;
}

ul.links li a {
color: var(--white);
font-size: 14px;
font-weight: 300; 
}

ul.links li+li {
margin-top: 12px;
}

ul.contactLinks li a span {
border: 1px solid rgb(255 255 255 / 10%);
background: rgb(255 255 255 / 5%);
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border-radius: 8px;
color: rgb(255 255 255 / 50%);
}

ul.contactLinks li a {
display: flex;
align-items: center;
gap: 12px;
color: #FFFFFF;
font-size: 14px;
font-weight: 300; 
}

ul.contactLinks li+li {
margin-top: 1rem;
}

ul.contactLinks {
margin-bottom: 22px;
}

ul.socialLinks {
display: flex;
gap: 8px;
}

ul.socialLinks li a {
border: 1px solid rgb(255 255 255 / 10%);
background: rgb(255 255 255 / 5%);
width: 36px;
height: 36px;
display: grid;
place-items: center;
border-radius: 8px;
color: rgb(255 255 255 / 50%);
font-size: 14px;
}

ul.shipWraps {
display: flex;
justify-content: center;
gap: 40px;
border-bottom: 1px solid rgb(255 255 255 / 5%);
border-top: 1px solid rgb(255 255 255 / 5%);
padding: 2rem 0;
margin-top: 5rem;
}

ul.shipWraps li {
display: flex;
align-items: center;
gap: 8px;
color: #FFFFFF;
opacity: 40%;
font-size: 12px;
}

ul.shipWraps li i {
font-size: 1rem;
}

.copyRight {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid rgb(255 255 255 / 5%);
padding: 24px 0;
}

.copyRight p {
margin: 20px 0 5px;
font-size: 12px;
color: #FFFFFF;
}

.copyRight ul {
display: flex;
gap: 22px;
}

.copyRight ul li a {
color: #FFFFFF;
font-size: 12px;
opacity: 30%;
}

.footPara p {margin: 0;text-align: center;color: #fff;font-size: 12px;}

.footPara {
padding: 25px 0;
}

/* Footer Css End */

/* SEARCH BAR CSS */

#search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
z-index: 10000;
}

#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}

#search input[type="search"] {
position: absolute;
top: 50%;
width: 100%;
color: #fff !important;
background: rgba(0, 0, 0, 0);
font-size: 55px;
line-height: 65px;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
font-family: arial;
}

#search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 61px;
margin-left: -45px;
background-color: limegreen;
border: black;
}

#search .close {
position: fixed;
top: 15px;
right: 15px;
color: #fff;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
outline: unset;
}

.srch-btn {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 150px;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
}

.srch-btn .themeBtn {
padding: 15px 120px;
font-size: 20px;
}

.aboutImage img{ -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

/* !SEARCH BAR CSS */

.innerBan{

background: url(../images/innerban-bg.png) center / cover;
padding: 260px 0 80px;
background-size: 100% 100%;
}

.innerBan .txt strong {
font-family: 'Geist';
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF66;
}

.innerBan .txt span {
font-family: 'Geist';
font-weight: 500;
font-size: 12px;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF66;
}

.innerBan .txt h1 {
font-weight: 300;
font-size: 72px;
line-height: 72px;
letter-spacing: -3.6px;
color: #fff;
}

.innerBan .txt p {
color: #FFFFFFB2;
font-weight: 300;
font-size: 20px;
line-height: 28px;
padding: 24px;
}

.innerBan .txt ul {display: flex;gap: 10px;justify-content: center;flex-flow: wrap;}

.innerBan .txt ul li a {border: 1px solid #FFFFFF33;background: #fff;padding: 10px 20px;font-weight: 500;font-size: 14px;line-height: 20px;border-radius: 100vmax;background: #333333;color: #fff;display: block;}

.innerBan .txt ul li.active a {
background: #fff;
}

.innerBan .txt ul li a.active {
background: #fff;
COLOR: #000;
}

.innerBan .txt{
text-align: center;
}

section.shopSec{
padding-block: 70px;
}

.shopSecLeft {
border: 1px solid #0000000D;
border-radius: 20px;
padding: 24px;
}

.shopSecLeft .top {
display: flex;
align-items: start;
gap: 13px;
}

.shopSecLeft .top p {
color: #171717;
font-weight: 500;
font-size: 16px;
line-height: 21px;
}

.shopSecLeft .top p span {
color: #A3A3A3;
font-weight: 400;
font-size: 12px;
line-height: 15px;
display: block;
margin-top: 2px;
}

.btn1 {
background: #000;
color: #fff;
width: 100%;
display: block;
padding: 10px 15px;
border-radius: 14px;
max-width: 160px;
}

.btn2 {
background: #F5F5F5;
color: #000;
width: 100%;
display: block;
padding: 10px 15px;
border-radius: 14px;
max-width: 200px;
margin-block: 12px;
}

.shopSecLeft .bottom {
color: #A3A3A3;
font-weight: 400;
font-size: 10px;
line-height: 15px;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.quickTxt {
padding: 10px 10px;

border-radius: 10px;
margin-block: 10px;
}

.quickTxt1{
border: 1px solid #D1FAE5;
}

.quickTxt2{
border: 1px solid #DBEAFE;
}

.quickTxt span {
font-weight: 500;
font-size: 12px;
line-height: 16px;
}

.quickTxt1 span.s1{
color: #047857;
}

.quickTxt2 span.s2{
color: #1D4ED8;
}

.pagi{
display: flex;
gap: 10px;
justify-content: center;
margin-top: 4rem;
}

.pagi li a{
width: 40px;
height: 40px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
border-radius: 12px;
color: #00000099;
display: flex;
align-items: center;
justify-content: center;
}

.pagi li a.active{
background: #000000;
color: #fff;
}

section.categorySecInner {
padding-block: 4rem;
}

section.categorySecInner h2 {
font-size: 30px;
}

section.categorySecInner .categoryWraps {
margin: 10px 0 1rem 0;
}
section.categorySecInner .categoryWraps figure img{ height: 450px;  }


.privacycont { padding:5rem 0; }
.privacycont h2{ font-size:2rem; margin:2rem 0; }
.privacycont p{ margin-bottom:1rem; }
.privacycont ul{ list-style: disc; padding-left:20px; }
.policyBan{ padding:300px 0 150px; }
section.contact-section {
background-image: url('https://9linepeptides.com/wp-content/uploads/2026/05/con-bg.png');
display: flex;
background-size: cover;
background-repeat: no-repeat ;
background-position: center ;
background-repeat: no-repeat;
margin-bottom: -1px;
padding: 5rem 0;
}
section.contact-section span{
font-family: var(--font-pera);
color: var(--white) !important;
font-weight: 400;
font-size: 20.6px;
line-height: 37.09px;
}
section.contact-section h2{
font-family: var(--font-body);
color: var(--white);
font-weight: 400;
font-size: 105px;
line-height: 150.3px;
margin-top: 35px;
margin-bottom: 45px;
}
section.contact-section p{
font-family: var(--font-pera);
color: var(--white);
font-weight: 400;
font-size: 18.3px;
line-height: 32.95px;
}
.contact-forn-sec{
background-color: #000;
padding: 43px 43px;
border-radius: 20px;
}
.contact-forn-sec label{
font-family: var(--font-pera);
color: #fff;
font-weight: 400;
font-size: 13.7px;
line-height: 24.65px;
}
.contact-forn-sec label span{
opacity: 70%;
margin-left: 6px;
font-family: var(--font-pera);
color: var(--black);
font-weight: 400;
font-size: 13.7px;
line-height: 24.65px;
}

.contact-forn-sec input{
border-radius: 10px;
height: 45px;
background-color: var(--white);
font-family: var(--font-pera);
color: var(--black);
font-weight: 400;
font-size: 13.7px;
line-height: 24.65px;
margin-bottom: 0.5rem;
}
.contact-forn-sec textarea{
border-radius: 10px;
height: 200px;
background-color: var(--white);
font-family: var(--font-pera);
color: var(--black);
font-weight: 400;
font-size: 13.7px;
line-height: 24.65px;
border: 1px solid #F0F0F0;
width: 100%;
padding: 20px;
}
.contact-forn-sec .radio-box{
display: flex;
align-items: center;
}
.contact-forn-sec .radio-box input{
margin-right: 10px;

}
.contact-forn-sec input:focus{
border: 0;
box-shadow: none;
}
.contact-forn-sec .btn-dark {
border: unset;
outline: unset;
color: var(--white);
font-size: 14px;
font-weight: 500;
background: #FD2E42;
border-radius: 12px;
padding: 12px 1.5em;
}
.contact-forn-sec .btn-dark:hover {
color: var(--black);
}

section.contact-section ul.contact-ul li h6{
color: var(--white) !important;
font-weight: 500;
font-size: 18.3px;
line-height: 33px;
}
section.contact-section ul.contact-ul li p{
color: var(--white);
font-weight: 300;
font-size: 18.3px;
line-height: 33px;
}
section.contact-section ul.contact-ul li{
margin-bottom: 30px;
}

section.product-sec {
padding: 14rem 0 3rem;
}

.productImg img {
width: 100%;
}

section.product-sec .content {
padding-left: 30px;
}

h2.product-title {line-height: 1.21;letter-spacing: normal;text-align: left;margin-top: 12px;margin-bottom:
20px;text-transform: uppercase;font-size: 40px !important;}

.pricing {
display: flex;
gap: 20px;
align-items: center;
}

p.price {font-size: 26px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing:
normal;text-align: left;color: #252525;}

p.price-off {
opacity: 0.5;
font-size: 18px;
font-weight: normal;
line-height: normal;
text-align: left;
color: #737373;
text-decoration: line-through;
}

.summary h6.title {font-size: 20px;font-weight: 600;text-align: left;color: #252525;padding-top: 30px;padding-bottom:
8px;}

.quantity{
display: flex;
align-items: baseline;
gap: 30px;
}

.quantity p {font-size: 16px;font-weight: 500;line-height: normal;text-align: left;color: #000;}

.quantity-form button.btn {width: 40px;height: 40px;display: flex;padding: 16px;align-items: center;justify-content:
center;font-weight: 700;}
.quantity-form {
display: flex;
}
.quantity-form .sub{
background-color: #d0d0d2;
color: var(--dark);
font-size: 20px
}

.quantity-form .add{
background-color: #060405;
color: var(--white);
font-size: 20px
}

.quantity-form input {width: 50px;height: 40px;border: 0;text-align: center;}

section.product-sec .content {margin-top: 0px;padding-left: 40px;}

ul.tab-list {display: flex;gap: 18px;padding-top: 0px;border-bottom: 0px solid;text-transform: uppercase;margin-top:
4rem;justify-content: center;}

ul.tab-list li.active {background-color: transparent;color: #000000;border-bottom: 1px solid;}

ul.tab-list li {font-size: 16px;font-weight: normal;line-height: normal;text-align: left;color: #252525;padding: 10px
6px;color: #737373;cursor: pointer;font-family: var(--font-para );text-transform: capitalize;}

ul.tab-list li:hover{color: #000000;border-bottom: 1px solid;}

.box {
padding-top: 30px;
padding-left: 50px;

}

.box p{
font-size: 18px;
font-weight: normal;
line-height: 1.46;
letter-spacing: normal;
text-align: left;
color: #737373;
}


.categoryText p {
  /*! padding: 0px; */
  margin: 0px;
  margin-bottom: 10px;
}

.onsale {
  display: none;
}

.woocommerce ul.products li.product .price {
  display: none;
}

.woocommerce form .form-row {
    flex-direction: column;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background: var(--primary);
    color: var(--white);
    padding: 1rem 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    border: 1px solid var(--black);
    border-radius: 10px;
    padding: 15px 2em;
    margin-bottom: 3rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 5px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    color: black;
    font-weight: 500;
}

nav.menuWrap a img {
    max-width: 58%;
}


section.blog-section {
    padding-block: 6rem;
}

.blog-item img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.blog-item {
    background: rgb(245 245 245);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 1rem;
    overflow: hidden;
}

.blog-item h3 {
    font-size: 22px;
    margin-top: 1.5rem;
}
 

.blogItemTxt {
    padding: 0rem 1.5rem 2rem;
}

.blog-item a {
    color: #000;
    border-bottom: 1px solid;
    border-radius: 0;
}

.blog-item a:hover {
    border-bottom: 0;
}


section.blogsSec.blogDetials {
    padding-block: 5rem;
}

section.blogsSec.blogDetials h3 {
    padding-top: 2rem;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #000;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #000;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #a8a8a899;
}



.woocommerce div.product form.cart .variations select {
    padding: 2px 8px;
    font-size: 14px;
    border-radius: 6px;
    min-width: 210px !important;
    margin-left: 1rem;
}


.woocommerce div.product form.cart .variations th {
    max-width: 55px;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
    height: 52px;
}

span.posted_in a {
    text-decoration: underline !important;
    color: #000;
}

.privacycont ul{ margin-bottom:1rem; }
.privacycont h3{ font-size: 1.35rem; }

.blogDetials img{ max-width:100%; }


.single-product .type-product {
    margin-top: 12rem;
}