/***** Design By Sagar 5.3 HTML 5 *****/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Prata&display=swap');
@import url("bootstrap.min.css");
@import url("responsive.css");
/* CSS Document */
/*  font-family: "Inter", sans-serif;
  font-family: "Lexend", sans-serif;
   font-family: "Prata", serif;
 */

body {
    font-family: "Inter", sans-serif;
    color: #1d1f23;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 26px;
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background: #313d4f;
    -webkit-border-radius: 0;
    border-radius: 0
}

* {
    padding: 0;
    margin: 0;
}

a {
    color: #222;
    text-decoration: none !important;
}

a:hover {
    color: #ea1b21;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lexend", sans-serif;
    padding: 0;
    margin: 0;
}

p {
    padding: 0;
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #ea1b21;
    color: #fff;
}

::selection {
    text-shadow: none;
    background: #ea1b21;
    color: #fff;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}
.form-control:focus{border-color:#000;box-shadow:none;}

.accurate img {
    width: 90px !important;
    height: 13px !important;
    margin: 0px !important;
}

/*------------------ VARIABLE CSS ------------ */
.arrowmenu{ font-size:12px;}
.logo_panel {
    padding: 10px 0px 8px
}

.search_panel {
    display: flex;
    position: relative;
    flex: 1;
}

.search_panel button {
    position: absolute;
    right: 3px;
    top: 1px;
    bottom: 0;
    background-color: transparent;
    color: #444;
    border: none;
    padding: 0px 10px;
    border-radius: 100px;
    font-size: 18px;
}

.mainlogo img {
    width: 180px;
}

.f-panel {
    border-radius: 7px;
    padding: 3px 58px 3px 15px;
    border-color: #d5d4d4;
	font-size:14px;
}

.right_top {
    display: flex;
}

.icons_group {
    display: flex;
    align-items: center;
}

.icons_txt {
    display: flex;
    flex-direction: column;
    position: relative;
}

.f-panel::placeholder {
    font-size: 18px;
    color: #b4b4b4;
}

.icons_panel {
    display: flex;
    margin-left: 25px;
    position: relative;
}

.icons_txt span {
    color: #8f8c8c;
    font-size: 12px;
    line-height: 11px;
    position: relative;
}

.icons_txt small {
    color: #333e48;
    font-size: 14px;
    line-height: 13px;
    font-weight: 600;
    margin-top: 6px;
}

.icons_panel img {
    padding-right: 5px;
}

.icons_panel i {
    font-size: 33px;
    margin-right: 16px;
    display: inline-table;
}

.icons_panel span small {
    position: absolute;
    top: -3px;
    background: #ff225f;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    border-radius: 100px;
    width: 19px;
    height: 19px;
	line-height:29px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 22px;
}

.header ul li {
    display: inline-block;
    float: none;

    margin: 0px;
}

.right-side {
    margin-top: 19px;
    margin-left: 50px;
}

.header li a {
    padding: 7px 10px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    transition: .3s linear;
    font-weight: 400;
    border-radius: 0px;
    letter-spacing: 0px;

}

.header li a:hover {
    background: #e61c1f;
    color: #fff;
}

.carousel-inner {
    position: relative;
}

.hide {
    display: none;
}

.header ul ul {
    position: absolute;
    display: none;
    animation: fadeInLeft .5s forwards;
    z-index: 9999;
    background-color: #fff;
    padding: 0;
}

.dropdoqwn li {
    display: block !important;
    float: none;
}

.dropdoqwn2 {
    left: 100%;
    margin-left: 0px;
    margin-right: .1rem;
    margin-top: -36px;
    min-width: 200px;
}
.dropdoqwn{ background:#111111; border-left:1px solid #ccc;border-right:1px solid #ccc;}

.dropdoqwn li a {
    display: block !important;
    font-size: 13px;
    padding: 0px 15px;
    min-width: 200px;
    font-weight: 400;
    text-align: left;
    border-radius: 0px;
    color: #222;
    text-transform: capitalize !important;
    white-space: nowrap;
	border-bottom:1px solid #ccc;
}

.dropdoqwn li a:hover {
    background-color: #ef020b;
    color: #fff;
}

.meg:hover {
    background-color: #e61c1f;
}

.catrgory a {
    background-color: #084519;
    display: table !important;
    margin: 50px auto;
    padding: 10px 18px !important;
    color: #fff !important;
}

.headerlist {
    padding: 15px 00px;
}

.myheaderlist ul {
    overflow-x: scroll;
}

.megmenupart {
    position: absolute;
    width: 100%;
    display: none;
    left: 0px;
    right: 0;
    z-index: 9999 !important;
    margin: 0px auto;
    transition: 1s ease-in-out;
    box-shadow: -1px 3px 6px 2px rgb(0 0 0 / 18%);
}

.megamenu li {
    display: block;
    width: 100%;
}

.megamenu li a {
    padding: 4px 0px;
    text-transform: capitalize;
    color: #222;
}

.megamenu strong {
    width: 100%;
    display: block;
    padding-top: 0px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;

}

.megmenupart ul {
    position: inherit !important;
    display: block !important;
}

.megamenu {
    background-color: #fff;
    color: #444;
    border-radius: 0px;
    padding: 21px 22px;
}

#nav:checked~.header {
    display: block;
    transform: translateX(0);
    transition: all 0.3s ease-out;
    ;
}

.dropdoqwn i {
    float: right;
    padding-top: 4px;
}

#sub:checked~.dropdoqwn {
    display: block;
}

#sub:checked~.dropdoqwn2 {
    display: block;
}

#sub:checked~.megmenupart {
    display: block;
}

.right-h {
    margin-bottom: 0 !important;
    padding: 0px;
}
.headermenu{ background-color: #111111;}
.header {
   
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mysearchindex {
    display: flex;
    flex: 1;
    margin-right: 15px;
}

.login {
    background-color: #e91b25;
    color: #fff !important;
    padding: 6px 20px;
    border-radius: 8px;
}

.signin {
    background-color: #e5e5e0;
    color: #222;
    padding: 6px 20px;
    border-radius: 8px;
    margin-left: 15px;
}
/* Container ko height fix karein aur flex use karein */
.bannerbox { 
    text-align: center; 
    position: relative; 
    display: flex;             /* Added */
    align-items: center;       /* Vertical center ke liye */
    justify-content: center;    /* Horizontal center ke liye */
    overflow: hidden;
}

.bannerbox img { 
    width: 100%; 
    height: auto; 
    min-height: 500px;         /* Badi screen par banner gayab na ho */
    object-fit: cover; 
    display: block;
}

/* Text positioning ko top se hata kar center karein */
.bannertext { 
    position: absolute; 
    z-index: 99; 
    text-align: center; 
    width: 100%; 
    color: #fff;
    padding: 20px;
}

/* Font sizes ko responsive banayein */
.bannertext h1 { 
    font-size: clamp(32px, 4vw, 64px); /
    padding-bottom: 20px; 
    margin-bottom: 40px;
}

.bannertext1 { 
    font-size: clamp(18px, 1.5vw, 28px); 
    line-height: 1.4; 
}

.bannertext ul { 
    margin-top: 3vw;   
    margin-bottom: 3vw;
}

.bannertext ul li { 
    display: inline-block; 
    text-transform: uppercase; 
    font-size: clamp(14px, 1.1vw, 20px); 
    font-weight: 700; 
    padding: 0px 10px;
}

.getstarted {  
    background: #e91b25; 
    border-radius: 100px; 
    padding: 12px 30px; 
    font-size: 18px; 
    color: #fff; 
    text-decoration: none; 
    display: inline-block;
}
.getstarted:hover{background: #fff; color:#000;}
.catbg{ background:#e5e5e0; padding:50px 0px 60px;}
.catbg h2{ text-align:center; font-size:40px; padding-bottom:15px;}
.catboxbg{border: 1px solid #e5e5e0; border-radius:10px; background:#fff; margin-top:20px; padding:20px;}
.catboxbg p{ font-size:12px; line-height:20px;}
.catboxbg strong{ font-size:14px;}
.catboxbg img{ object-fit:contain; width:100%; height:200px; margin-top:20px;}
.indexprodsex{ padding:50px 0px;}
.indexprod img{object-fit:cover; width:100%; height:250px;margin-top:30px;margin-bottom:10px;}
.indexprodsex{ font-size:14px;}
.viewtext-right a{ text-align:right; display:block;}
.indexcarfting{ background:#e5e5e0;}
.carftingtext{ margin-top:80px;}
.carftingtext h4{ font-size:30px; padding-bottom:30px;}
.carftingtext p{ font-size:18px; line-height:26px;}
.carftingtext a{ background:#e91b25; border-radius:10px; font-size:14px; padding:10px 15px; color:#fff;}
.carftingtext a:hover{ background:#000; color:#fff;}
.whychoose h5{ font-size:34px;}
.whychoose h6{ font-weight:300; padding:15px 0px; font-size:20px; line-height:30px;}
.whyoption i{ font-size:30px;}
.whyoption strong{ font-size:20px; line-height:36px;}
.whyoption small{ line-height:20px;}
.free {
    position: relative;
    cursor: pointer;
}

.free strong {
    color: #000;
}

.free p {
    font-size: 14px;
    position: absolute;
    top: -6px;
    left: 58px;
    color: #5f5f5f;
}

.bottom-logo p {
    font-size: 14px;
    line-height: 30px;
    margin: 0px;
}

.bottom-logo i {
    margin-right: 5px;
}

.bottom-logo img {
    padding-bottom: 20px;
}

footer {
    padding: 42px 0px 0px 0px;
    background-color: #f6f6f8;
    margin-top: 55px;
}

.Categories li {
    list-style: none;
}

.Categories ul {
    margin-top: 28px;
    padding: 0px;
}

.Categories h4 {
    font-size: 20px;
}

.Categories a {
    font-size: 14px;
    color: #4e4d4d;
}

.Categories a:hover {
    color: #000000;
}

.nesletter p {
    font-size: 14px;
    color: #4e4d4d;
    margin-top: 25px;
}

.nesletter h4 {
    font-size: 20px;
}
.list_footer {
	background-color: #e6ebf4;
	color: #444;
	border-bottom: 1px solid #c5c9d1;
	padding: 22px 0px;
	text-align: center;
	margin-top: 40px;
}

.list_footer a {
	color: #717171;
	padding: 0px 10px;
	line-height: 11px;
	transition: .5s ease-in-out;
	display: inline-block;
}

.list_footer a:hover {
	color: #0c3c8f;
}

.list_footer a:nth-child(1n+1) {
	font-size: 14px;
	border-right: 1px solid #767070;
	color: #2e2e2e;
}

.list_footer a:nth-last-child(1) {
	border: none !important;
}
.footerbottom {
	color: #ccc;
	text-align: center;
	line-height: 24px;
	display: block;
	font-size: 14px;
	padding: 10px 0px;
	background: #262626;
}
.footerbottom a{
	color: #ccc;
}
.bredcrumbbg{ background:#e5e5e0; padding:20px 0px;}
.bredcrumbbg h1{ font-size:24px; margin:0px; padding:0px;}
.commanpages{ padding:50px 0px;}
.dynmicimage img{border-radius:15px; background:#eee; padding:20px; object-fit:contain; width:100%; height:auto;}
.myprodetails{ padding:0px 0px 0px 30px;}
.myrelatedprod img{object-fit:cover; width:100%; height:150px;}


.register-card { border:none; border-radius:15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); overflow:hidden; }
.reg-img-side { background: linear-gradient(135deg, #4a1a1a 0%, #2a0a0a 100%); color:#fff; display:flex; align-items:center; justify-content:center; }
.btn-register { background:#ff9f00; color:#fff; font-weight:bold; border-radius:8px; padding:12px; border:none; transition: all 0.3s ease; }
.btn-register:hover { background:#e68a00; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255,159,0,0.3); }
label { margin-bottom: 5px; color: #555; }
.login-card { border-radius: 15px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .login-img-side { background: linear-gradient(135deg, #ff9f00 0%, #ff6a00 100%); color: #fff; display: flex; align-items: center; justify-content: center; }
        .btn-login { background: #ff9f00; color: #fff; border: none; padding: 12px; border-radius: 8px; font-weight: bold; transition: 0.3s; }
        .btn-login:hover { background: #e68a00; transform: translateY(-2px); }


.cart-img { width: 70px; height: 70px; object-fit: cover; border-radius: 5px; }
        .qty-input { width: 45px; text-align: center; border: 1px solid #ddd; margin: 0 5px; }
        .checkout-box { background: #fff; padding: 25px; border: 1px solid #ebebeb; border-radius: 8px; }
        .text-discount { color: #28a745; font-weight: 600; }

.userprobg { background-color: #f8f9fa; font-family: 'Poppins', sans-serif; }
        .sidebar-card { border: none; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); background: #fff; }
        .nav-link-custom { border-radius: 8px; padding: 12px; color: #444; display: flex; align-items: center; text-decoration: none; margin-bottom: 5px; transition: 0.3s; }
        .nav-link-custom:hover { background: #000; color: #fff; }
        .nav-link-custom.active { background: #e91b25; color: #fff; }
        .nav-link-custom i { margin-right: 10px; font-size: 1.1rem; }

        .order-card { border: none; border-radius: 15px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.02); margin-bottom: 20px; transition: 0.3s; }
        .order-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); }
        .product-img {object-fit: contain; width:100%; height:100px; padding:10px; border-radius: 5px; border: 1px solid #eee; }
        
        .price-sale { font-size: 1.2rem; font-weight: 700; color: #212529; }
        .price-mrp { text-decoration: line-through; color: #adb5bd; font-size: 0.9rem; margin-left: 5px; }
        .disc-badge { background: #e8f5e9; color: #2e7d32; font-size: 0.75rem; padding: 3px 8px; border-radius: 4px; font-weight: 600; }
        
        .status-badge { font-size: 0.75rem; padding: 5px 12px; border-radius: 50px; font-weight: 600; text-transform: uppercase; }
        .download-btn { background: #ffc107; color: #000; font-weight: 700; border: none; border-radius: 8px; padding:7px; transition: 0.3s; }
        .download-btn:hover { background: #e0a800; color: #000; box-shadow: 0 4px 10px rgba(255,193,7,0.3); }

.conttextpage{font-size:14px;}
.conttextpage p{margin-top:10px;}
.conttextpage ul li{ list-style:none;}
.mysearch img{ width:100%; height:200px; object-fit:contain;}
.cart-img { width: 100px; object-fit: contain; border-radius: 5px; }
        .qty-input { width: 60px; text-align: center; border: 1px solid #ddd; }
        .remove-btn { color: #dc3545; cursor: pointer; text-decoration: none; }
        .checkout-box { background: #f8f9fa; padding: 20px; border-radius: 10px; }
        /* Naye Styles */
        .summary-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
        .text-discount { color: #28a745; font-weight: bold; }