@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
overflow-x: hidden;
font-family: "Poppins", sans-serif;
font-size: 14px; background-color: #fcf8f5;
}
button {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
button:focus {
outline: inherit !important;
outline-offset: inherit !important;
text-decoration: none !important;
}
header ul, .midContainer ul {
list-style: none;
margin: 0;
}
header ul li, .midContainer ul li {
list-style: none;
}
.sms-wrapper p {
display: block;
line-height: 1.25rem;
margin: 0;
padding: 0 0 20px;
}
.sms-wrapper p:last-child {
padding-bottom: 0;
}
.sms-wrapper h2, .midContainer h2 {
color: #000;
font-weight: 600;
line-height: 1.3;
margin: 0;
padding: 0 0 10px;
position: relative;
}
.sms-wrapper h2, .midContainer h2 {
font-size: 24px;
padding-bottom: 30px;
}
.announcement-bar{ background-color: #000; color:#fff; text-align: center; font-size: 13px; font-weight: 600; padding: 5px 0px; font-weight: 700;}
.free-discount{ background-color: #e50f5a; color:#fff; text-align: center; font-size: 14px; font-weight: 600;  padding: 5px 0px;}
header{ background-color: #000; padding: 10px 0px;}
header .nav-link{ color:rgba(255, 255, 255,  0.75); text-decoration: none;}
header .nav-link:hover{ color:#fff; text-decoration: underline;}
header .nav-link:focus{ color:rgba(255, 255, 255,  0.75);  text-decoration: underline;}
header .tsearch{ background-color: transparent; border:1px solid #818181; border-radius: 30px; width:250px; padding: 5px; display: flex; justify-content: space-between; align-items: center; margin-right: 10px;}
header .tsearch i{ color:#fff!important; margin: 0px 10px;}
header .tsearch .form-control{ border-radius: 0px; background-color: transparent; border:0px solid #000; padding: 0px; color:#fff}
header .tsearch .form-control:focus{box-shadow: none;}
header .dropdown-menu{ background-color: #000; border-radius: 0px;}
header .dropdown-item{color:rgba(255, 255, 255,  0.75); font-size: 14px;}
header .dropdown-item:hover{color:rgba(255, 255, 255,  1); background-color: transparent; text-decoration: underline;}
.tcategory{ background-color: #fcf8f5; padding:10px 0px;}
.mainCategory{ display: flex; justify-content: space-between; text-align: center;}
.mainCategory img{ width:60px; height: 60px;; margin-bottom: 10px;}
.mainCategory a { color:#000; text-decoration: none;}
.mainCategory a:hover { color:#e50f5a; text-decoration: none;}
.tcategory .container {
max-width: 1024px;
margin: 0px auto
}
.trust{ background-color:#efe1d9; padding: 30px 0px; margin-top: 30px;}
.wanna-hook{ background-color: #000; padding: 60px; text-align: center;}
.sms-wrapper h2{ font-size: 50px; color:#e50f5a; text-transform: uppercase; padding: 0px; margin: 0px;}
.sms-wrapper p{ color:#fff}
.newsletter{ width:300px; margin: 0px auto;}
.newsletter .form-control{ border-radius: 80px; height: 45px; margin-bottom: 10px;}
.sms-wrapper {
padding: 80px 40px 200px 40px;
text-align: center;
background: #000;
-webkit-mask: radial-gradient(223.61px at 50% calc(100% - 300px), #000 99%, #0000 101%) calc(50% - 200px) 0/400px 100%, radial-gradient(223.61px at 50% calc(100% + 200px), #0000 99%, #000 101%) 50% calc(100% - 100px) /400px 100% repeat-x;
mask: radial-gradient(223.61px at 50% calc(100% - 300px), #000 99%, #0000 101%) calc(50% - 200px) 0/400px 100%, radial-gradient(223.61px at 50% calc(100% + 200px), #0000 99%, #000 101%) 50% calc(100% - 100px) /400px 100% repeat-x;
}
.sms-wrapper div {
color: var(--gradient-base-accent-2);
font-size: 50px;
font-weight: 600
}
.sms-wrapper p {
color: #fff;
max-width: 50%;
margin: 0 auto
}
.ftlink{ background-color: #242424; padding: 70px 0px; margin-top: -130px;}
.ftlink h2 {
background: #242424;
color: #00ffd6; font-size: 18px;
}
.customerSupport{ font-size: 16px; color:#fff; line-height: 35px; margin-bottom: 40px;;}
.customerOrder{ color:#fff; font-size: 16px; line-height: 20px;;}
.ftlink ul{ padding:0px; margin: 0px; list-style: none;}
.ftlink ul li{ padding:0px; margin: 0px; list-style: none; line-height: 30px; font-size: 16px;}
.ftlink ul li a { color:#fff; text-decoration: none;}
.ftlink ul li a:hover { color:#fff; text-decoration: underline;}
.coyright{ text-align: center; border-top:1px solid #282828; padding-top: 30px; margin-top:30px; color:#fff; font-size: 12px;;} 
@media (max-width: 767px) {
.tcategory {
background-color: #fcf8f5;
padding: 10px 0px;
overflow: auto;
}
.cateWidth { width: 120px;}
.mainCategory {
display: inline-flex;
}
.sms-wrapper h2 {
font-size: 30px;
}
.sms-wrapper p {
color: #fff;
max-width: 100%;
margin: 0 auto;
}
.ftlink .row{ margin-left: 15px;}
.newsletter {
width: 100%;
margin: 0px auto;
}
}
.midContainer{max-width: 1024px; margin: 60px auto 0px auto}
.custom-btn{ border-radius: 50px; background-color: #fff; font-size: 16px; padding: 10px 25px; border: 1px solid #b6b6b6; width:100%}
.custom-btn:hover{ border-radius: 50px; background-color: #fff; font-size: 16px; padding: 10px 25px; border: 1px solid #000;}
.pnkBtn{ background-color: #e50f5a; width: auto; color:#fff; border: 1px solid #e50f5a; font-weight: 600;}
.pnkBtn:hover{ background-color: transparent; color:#fff; border: 1px solid #fff;}
#keywords {width:125px;}
.themeclr{color:#f456ad;}
.themeclr2{color:#000;}
a.themeclr{background-color: #f456ad !important;color: white !important;border-color: #f456ad !important;}