@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Bold.eot');
    src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-Bold.woff2') format('woff2'),
        url('../fonts/NotoSans-Bold.woff') format('woff'),
        url('../fonts/NotoSans-Bold.ttf') format('truetype'),
        url('../fonts/NotoSans-Bold.svg#NotoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Medium.eot');
    src: url('../fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-Medium.woff2') format('woff2'),
        url('../fonts/NotoSans-Medium.woff') format('woff'),
        url('../fonts/NotoSans-Medium.ttf') format('truetype'),
        url('../fonts/NotoSans-Medium.svg#NotoSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Light.eot');
    src: url('../fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-Light.woff2') format('woff2'),
        url('../fonts/NotoSans-Light.woff') format('woff'),
        url('../fonts/NotoSans-Light.ttf') format('truetype'),
        url('../fonts/NotoSans-Light.svg#NotoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-SemiBold.eot');
    src: url('../fonts/NotoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/NotoSans-SemiBold.woff') format('woff'),
        url('../fonts/NotoSans-SemiBold.ttf') format('truetype'),
        url('../fonts/NotoSans-SemiBold.svg#NotoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.eot');
    src: url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-Regular.woff2') format('woff2'),
        url('../fonts/NotoSans-Regular.woff') format('woff'),
        url('../fonts/NotoSans-Regular.ttf') format('truetype'),
        url('../fonts/NotoSans-Regular.svg#NotoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kaisei HarunoUmi';
    src: url('../fonts/KaiseiHarunoUmi-Regular.eot');
    src: url('../fonts/KaiseiHarunoUmi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KaiseiHarunoUmi-Regular.woff2') format('woff2'),
        url('../fonts/KaiseiHarunoUmi-Regular.woff') format('woff'),
        url('../fonts/KaiseiHarunoUmi-Regular.ttf') format('truetype'),
        url('../fonts/KaiseiHarunoUmi-Regular.svg#KaiseiHarunoUmi-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kaisei HarunoUmi';
    src: url('../fonts/KaiseiHarunoUmi-Medium.eot');
    src: url('../fonts/KaiseiHarunoUmi-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KaiseiHarunoUmi-Medium.woff2') format('woff2'),
        url('../fonts/KaiseiHarunoUmi-Medium.woff') format('woff'),
        url('../fonts/KaiseiHarunoUmi-Medium.ttf') format('truetype'),
        url('../fonts/KaiseiHarunoUmi-Medium.svg#KaiseiHarunoUmi-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kaisei HarunoUmi';
    src: url('../fonts/KaiseiHarunoUmi-Bold.eot');
    src: url('../fonts/KaiseiHarunoUmi-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KaiseiHarunoUmi-Bold.woff2') format('woff2'),
        url('../fonts/KaiseiHarunoUmi-Bold.woff') format('woff'),
        url('../fonts/KaiseiHarunoUmi-Bold.ttf') format('truetype'),
        url('../fonts/KaiseiHarunoUmi-Bold.svg#KaiseiHarunoUmi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/
:root{
    --body-color:#3f3a38;
    --primary-color:#eb9e38;
    --secondary-color:#453e3b;
    --blue-color: #0d3461;
    --white-color:#ffffff;
    --black-color:#000000;
    --yeallow-color:#fae8d0;
    --light-orage:#faf3e6;

    --body-font:'Noto Sans';
    --heading-font:'Kaisei HarunoUmi';
}
::selection{
    color: var(--white-color);
    background-color: var(--primary-color);
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{background: var(--light-orage);}
body,*{margin: 0;padding: 0; font-size: 20px; color: var(--body-color); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: 400; font-family: var(--body-font);}
body.overflow-hidden{overflow: hidden;}
.wood-overlay{ position: fixed;top: 0; left: 0; right: 0; bottom: 0;z-index: 3; background: #313136a3; opacity: 0; pointer-events: none; transition:all .5s ease ; -webkit-transition:all .5s ease ; -moz-transition:all .5s ease ; -ms-transition:all .5s ease ; -o-transition:all .5s ease ; }
.wood-overlay.open{opacity: 1;pointer-events: all;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0;font-weight: 400;}

/* Specific Header Settings */
h1,.h1 {font-size:59px;font-family: var(--heading-font);}
h2,.h2 {font-size:40px;font-family: var(--heading-font);}
h3,.h3 {font-size:34px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 24px;}
h6,.h6 {font-size: 18px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px; line-height: 1.5;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

.f-Kaisei{font-family: var(--heading-font);}
.f-color-primary{color: var(--primary-color) !important;}
.f-blue-color{color: var(--blue-color) !important;}
.f-blue-brown,.f-blue-brown *{color: var(--body-color);}
.bg-brown{background:#423c3a;}
.bg-blue{background:var(--blue-color);}
.bg-blue *{color: var(--white-color) !important;}
.f-color-white,.f-color-white *{color: var(--white-color);}
.f-light-orange,.f-light-orange *{color: var(--light-orage);}
.t-italic{font-style: italic;}
.f-500{font-weight: 500;}
.f-600{font-weight: 600;}
.f-700{font-weight: 700;}
.br-20{border-radius: 20px;}
.br-15{border-radius: 15px;}
.t-uppercase{text-transform: uppercase;}
.f-s16{font-size: 16px;}
.f-s14{font-size: 14px;}
.f-bold{font-weight: bold;}
.f-light{font-weight: 300;}
.f-medium{font-weight: 500;}
.t-underline{text-decoration: underline;}
.letter-space-1{letter-spacing: 1px;}
.box-shadow{box-shadow:  0 0 10px #0000004d; position: relative; z-index: 1;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block;color: var(--yeallow-color);}
a:hover{opacity: 0.6;}


/* 5. Forms
------------------------------------------------------------------------------*/
input{font-family: var(--body-font);}
input[type='submit']{ font-family: var(--body-font); -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{font-family: var(--body-font);-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
textarea{overflow:auto;font-family: var(--body-font);}
::-webkit-input-placeholder{ color: var(--black-color);}
:-moz-placeholder{ color: var(--black-color);}
::-moz-placeholder{ color: var(--black-color)}
:-ms-input-placeholder{ color: var(--black-color)}
::-ms-input-placeholder{ color: var(--black-color)}


/* container */
.container,.big-container,.large-container{width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.container{max-width: 1230px;}
.big-container{max-width: 1300PX;}
.large-container{max-width: 1375PX;}

.row>*{
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 15px;
}
.small-container{max-width: 1360px; padding-left: 15px; padding-right: 15px; margin: 0 auto}
.row{display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}

@media (min-width: 768px){
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;}
}

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.gap-15{gap: 15px;}

.row-reverse{flex-direction: row-reverse;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.d-none{display: none;}
.pr-0{padding-right: 0;}
.pb-0{padding-bottom: 0;}
.pt-0{padding-top: 0;}

/*transition effect*/

.unlisted{list-style:none;margin: 0;padding: 0;}

/* Common CSS */
/* body.logged-in{padding-top: 32px;} */
section{position: relative;padding-top: 80px;padding-bottom: 80px;}
.bg-set{background-repeat: no-repeat;background-position: center;background-size: cover;}
.btn,aside,header{ transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; }

.btn,.btn-yeallow,.btn-blue{ font-size: 20px; text-decoration: none; text-transform: uppercase; color: var(--white-color) !important; background-color: var(--yeallow-color); border-radius: 15px; -webkit-border-radius: 8px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; box-shadow: 0 0 10px #0000004d; font-weight: normal; font-style: normal; padding: 15px 40px; font-weight: 600; }
.btn-yeallow{background: var(--primary-color);color: var(--white-color);}
.btn-blue{background: var(--blue-color);color: var(--white-color);}

.btn:hover,.btn-blue:hover{background-color: var(--primary-color);opacity: 1;}
.btn-yeallow:hover{background-color: var(--blue-color);opacity: 1;}

a.link{text-decoration: underline;line-height: 1.5;  color: #ffffff;color: var(--body-color);}
a.link:hover{color: var(--primary-color);opacity: 1;}
a.link.link-blue{color: var(--blue-color);}
a.link.link-blue:hover{color: var(--body-color);opacity: 1;}
a.link.link-yeallow{color: var(--primary-color);}
a.link.link-yeallow:hover{opacity: 0.6;}


/* GLobal  */
.p-0 {
    padding: 0;
}
.m-0{
    margin: 0;
}
/* GLobal end */

/* Header css */
.nic-header { position: relative; }
.nic-header .top-header { background: var(--light-orage); }
header .menu ul.sub-menu { position: absolute; left: 0; background: var(--light-orage); }
header .menu > li > ul.sub-menu { position: absolute; left: 0; background: var(--light-orage); transition: all 0.3s ease-in-out; top: auto; transform: translateY(20px); visibility: hidden; opacity: 0; z-index: 999; width: 250px; padding: 10px; }
.menu > li:hover ul.sub-menu { opacity: 1; transform: translateY(0px); visibility: visible; }
.nic-header .top-header .menu { position: relative; list-style: none; padding: 0; margin: 0; text-align: center;     display: flex; justify-content: space-between; margin: 0 -15px; padding: 0 0;}
.nic-header .top-header .menu > li > ul.sub-menu li { display: block; text-align: left; }
.nic-header .top-header .menu li { display: inline-block; margin: 0; position: relative; }
.nic-header .top-header .menu > li > a { font-size: 16px; color: var(--body-color) !important; font-weight: 800; font-family: var(--body-font); text-align: center; padding: 30px 15px; text-transform: uppercase; }
.nic-header .top-header .menu > li > ul.sub-menu a{ font-size: 16px; color: var(--body-color) !important; font-weight: 800; font-family: var(--body-font); padding: 10px; text-transform: uppercase; text-align: left; }
.bottom-header { background: #453e3b; padding: 43px 0; }
.logo-header { display: flex; align-items: center; justify-content: center; position: relative; }
.logo-header .store-wrapp { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); }
.logo-header .store-wrapp p { color: #eb9e38; margin: 0; text-transform: uppercase; }
.logo-header .store-wrapp a { text-align: right; display: block; color: #fff !important; text-decoration: underline;
}
header#top_header { position: sticky; top: 0; z-index: 99999; }
.nic-header .top-header.top-header-sticky { position: absolute; left: 0; right: 0; top: 0; width: 100%; opacity: 0; transition: all .3s ease; pointer-events:none;}
header#top_header.fixed-header .top-header-sticky{opacity: 1;box-shadow: 0 0 10px #000000d9;  pointer-events:all;}
header#top_header .top-header-sticky .inner-logo-sticky{position: relative;    background: #453e3b;padding: 10px 15px;}
header#top_header .top-header-sticky .inner-logo-sticky .store-wrapp *{font-size: 16px;}
/* .top-header-sticky .inner-top-header { display: flex; align-items: center; justify-content: space-between; gap: 40px; } */
/* .top-header-sticky .inner-top-header .center-logo img { filter: brightness(0) saturate(100%) invert(20%) sepia(2%) saturate(1843%) hue-rotate(332deg) brightness(98%) contrast(89%); width: 100px; } */
.top-header-sticky .inner-top-header .center-logo img {width: 100px; }
.top-header-sticky .inner-top-header .menu-wrapper {width: 100%;}
.nic-header .top-header.top-header-sticky .menu > li > a{padding-top: 20px;padding-bottom: 20px;}
#top_header.fixed-header,
.nic-header-mobile.active{box-shadow: 0 0 10px #000000d9;}

=
@media (min-width: 768px) {
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    
}
@media (min-width: 992px){
    .mobile-header-menu { display: none; }
}
@media (max-width: 991px){
    .center-logo{ text-align: center; }
    .nic-header .top-header{ display: none; }
    .mobile-header-menu { width: 30px; }
    .logo-header .store-wrapp { position: relative; transform: unset; }
    .logo-header { width: 100%; justify-content: space-between; }
    .mobile-header-menu #hamburger-icon { background: transparent; border: none; }
    .logo-header > * { width: 33%; }
    .mobile-header-menu button#hamburger-icon { width: 38px; background: transparent; border: none; }
    .logo-header .custom-logo-link { display: block; margin: 0 auto; }
    .logo-header .custom-logo-link img { margin: 0 auto; display: block; }
    .logo-header .store-wrapp .store-inner { text-align: right; }
}
/* Header css end */


/* Footer css */
.nic-footer { position: relative; }
.clothing-store-wrapper { padding: 80px 0; }
.clothing-strore-info .footer-logo { display: block; margin: 0 0 30px; }
.clothing-strore-info > p { font-size: 16px; font-weight: 600; }
.clothing-strore-info .social-footer p { margin: 0; font-style: italic; font-size: 16px; font-weight: 500; }
.clothing-strore-info .social-footer ul { list-style: none; padding: 0; margin: 20px 0 0; display: flex; gap: 20px; }
.store-card { position: relative; overflow: hidden; text-align: center; }
.store-card .store-image { position: relative; overflow: hidden; }
.store-card .store-image { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 30px; margin: 0 0 30px; }
.store-card .store-content h4 { font-size: 20px; color: #3f3a38; font-weight: 700; font-family: "Noto Sans"; text-align: center; margin: 0 0 10px; }
.store-card .store-content p { color: #3f3a38; margin-bottom: 15px; }
.store-card .store-content p a { color: inherit !important; }
.store-card .store-content {max-width: 260px;margin: 0 auto;}
.newsletter-card { background: #de9f312b; border: 1px solid #de9f31; padding: 30px 20px 20px 30px; position: relative; }
/* Footer css end */


/* Hero section */
.hero-section { padding: 0; position: relative; overflow: hidden; }
.hero-content .hero-heading { filter: drop-shadow(0 0 20px rgba(0,0,0,0.35)); background-color: #eb9e38; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 20px 30px; }
.hero-content { position: relative; }
.hero-content .hero-heading { filter: drop-shadow(0 0 20px rgba(0,0,0,0.35)); background-color: #eb9e38; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 20px 40px; }
.hero-content { position: relative; }
.hero-content .hero-heading h1 { color: #ffffff; font-weight: 700; font-family: "Kaisei HarunoUmi"; text-align: center; line-height: 1.25; }
.hero-content img { width: 100%; object-fit: cover; aspect-ratio: 16/10; object-position: top; }
.about-section { padding: 45px 0; }

/* review section */

.padding-none-section { padding: 10PX 0; }
.review-section.blue-background-section{background: var(--blue-color);}
.review-section.blue-background-section .text-container *{color: var(--white-color);}
.review-section .text-container * { font-size: 30px; font-weight: 400; text-align:center;}
.review-section .text-container { max-width: 920PX; padding: 0 15px; margin: 0 auto; }
.review-section .text-container p{margin-bottom: 0;}
.review-section .text-container:has(+ .big-container) { margin-bottom: 80px; }
.review-section .text-container:has(+ .big-container) p{margin-bottom: 25px;}
.review-box { text-align: center; background: #fff; padding: 55px 0; }
.review-box .rating-img { text-align: center; }
.review-box .rating-img img { margin: 0 auto; }
.review-box .review-content { margin: 30px auto; max-width: 950px; }
.review-box { text-align: center; background: #fff; padding: 55px 0; }
.review-box .rating-img { text-align: center; }
.review-box .rating-img img {margin: 0 auto;}
.review-box .review-content { margin: 15px auto 0; max-width: 950px; }
.review-box .review-content h2 { margin-bottom: 10px; font-size: 35px; }
.review-box .review-content h5 { margin-top: 20px; }
.review-box .rating-img img { width: 130px; }
.review-slider .slick-arrow:before { display: none; }
.review-slider .slick-arrow { width: 47px; height: 68px; z-index: 9; }
.review-slider .slick-prev { left: 3%; background: url('http://181.214.31.142/~nicstoggery/wp-content/uploads/2025/10/arrow-left.svg'); background-size: contain !important; background-repeat: no-repeat; background-position: center; }
.review-slider .slick-next { right: 3%; background: url('http://181.214.31.142/~nicstoggery/wp-content/uploads/2025/10/arrow-right.svg'); background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
.review-slider .slick-prev:hover, .review-slider .slick-prev:focus{ background: url('http://181.214.31.142/~nicstoggery/wp-content/uploads/2025/10/arrow-left.svg'); }
.review-slider .slick-next:focus , .review-slider .slick-next:hover{ background: url('http://181.214.31.142/~nicstoggery/wp-content/uploads/2025/10/arrow-right.svg'); }


@media (min-width: 1366px){
    .hero-content img { aspect-ratio: 16/10; }
}
@media (max-width: 1400px){
    .review-box .review-content{ padding: 0 65px; }
}
@media (max-width: 1199px){
    .review-box .review-content { padding: 0 85px; }
    .review-slider .slick-arrow { width: 40px; height: 60px; }
    .review-box .review-content h2 { font-size: 26px; }
}

/* Hero section end */

/* D css start */
.about-section .heading-content{padding-left: 30px;}
.about-section .heading-content .detail-box p:last-child{margin-bottom: 0;}

/* footer */
footer .form-tabline a{color: var(--blue-color);text-decoration: underline;font-weight: 300;}
footer .form-tabline a:hover{color: var(--black-color);}
footer .form-tabline p{margin-bottom: 0;color: var(--blue-color);font-size: 14px;font-weight: 300;}

.bottom-footer{padding: 100px 0;margin-top: 80px;}
.bottom-footer .client-logo-box .inner-box { gap: 20px; }
.bottom-footer .client-logo-list{gap: 20PX;}
.client-logo-box .inner-box .detail-box{max-width: 245PX;}
.client-logo-box:last-child .detail-box { max-width: 200px; }

.newsletter-card .row .col-7{position: relative;}
.newsletter-card .heading-title{padding-bottom: 45PX;}
.newsletter-form form{width: 100%;}
.newsletter-form form .email-input input { width: 100%; background: #fff; font-size: 16px; color: var(--blue-color) !important; padding: 20px; }
.newsletter-form form .email-input input::placeholder { color: var(--blue-color) !important; }
.newsletter-form form .submit-box{ position: absolute; bottom: -96px; right: 20px; }
.newsletter-form form .submit-box p { margin-bottom: 0; display: flex ; flex-direction: column; } p 
.newsletter-form form .submit-box input[type='submit'] { font-size: 20px; text-transform: uppercase; background: var(--blue-color); color: var( --white-color) !important; padding: 18px 40px; border-radius: 10px; cursor: pointer; transition: all .4s ease;}
.newsletter-form form .submit-box input[type='submit']:hover { background: var(--black-color); }
.newsletter-form form .submit-box input[type='submit'] { font-size: 20px;font-weight: 500; text-transform: uppercase; background: var(--blue-color); color: var( --white-color) !important; padding: 18px 40px; border-radius: 10px; cursor: pointer; transition: all .4s ease;}


/* package-section */
.package-section .inner-package-section{position: relative;padding: 5vw 0;}
.inner-package-section .package-image-box{position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 42%; height: 100%; }
.inner-package-section .package-image-box img{width: 100%;height: 100%;object-fit: cover;}
.inner-package-section .package-detail-box{position: relative; z-index: 1; width: 66%;     padding: 5vw 5vw 4vw}
.package-detail-box .sub-heading { margin: 0.5vw 0 2.2vw; }
.package-detail-box .detail{margin-bottom: 3.5vw;}
.package-detail-box .detail P{font-weight: 300;}
.package-detail-box .detail strong{font-weight: bold}

/* store-section */
.store-section{background: var(--blue-color);}
.store-section .store-image{position: absolute;width: 50%;height: 100%;top: 0;left: 0;}
.store-section .store-image img{width: 100%;height: 100%;object-fit: cover;}
.store-section .store-box { padding: 16vw 0 16vw 7vw; }
.store-section .store-box .detail { margin: 3vw 0; }
.store-section .content-box p{letter-spacing: 1px;}

/* clothing-section */
.clothing-section .clothing-detail { padding: 0 0 60px 135px; }
.clothing-section .clothing-detail H2{margin-bottom: 20px;}
.clothing-section a.link{margin-top: 60px;}

/* event-section */
.event-section{background: #3e3a37;}
.event-section h2{color: var(--light-orage);margin-bottom: 60px;}
.event-lists .event-box{background: var(--light-orage);border-radius: 20px;overflow: hidden;width: 100%;height: 100%;}
.event-lists .event-box h3{line-height: 1.2;}
.event-lists .event-box h6{margin: 12px 0;}
.event-lists .event-box .detail-box { padding: 10px 32px 20px; }
.event-lists .event-box img{width: 100%;}
.event-box span.dot { display: inline-block; width: 5px; height: 5px; background: var(--body-color); border-radius: 100%; margin: 0 5px; }
.event-lists .event-box img{height: 250px;    object-fit: cover;}
.event-section .event-lists { row-gap: 20px; }
/* D css end */

/* mobile popup */
#mobile_menu_popup{position: fixed;top: 0;left: 0;width: 320px;height: 100%;background: var(--light-orage);box-shadow:  0 0 10px #0000004d;padding: 100px 20px 40px;
z-index: 9999999999;left: -100%;transition: all .4s ease;opacity: 0;}
#mobile_menu_popup .close-icon{position: absolute; right: 20px;top: 40px ;width: 30px;}
#mobile_menu_popup ul li{position: relative;}
#mobile_menu_popup.open{left: 0;opacity: 1;}

#mobile_menu_popup ul li{margin: 7px 0;}
#mobile_menu_popup ul li a{color: var(--body-color);font-size: 18px}
#mobile_menu_popup ul li a:hover{color: var(--primary-color);}
#mobile_menu_popup .inner-box{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;}
#mobile_menu_popup ul li .sub-menu{background: var(--body-color);padding: 7px 12px;margin: 10px 0 ;display: none;}
#mobile_menu_popup ul li .sub-menu li{margin:5px 0;}
#mobile_menu_popup ul li .sub-menu li a{font-size: 16px;color: var(--yeallow-color);}
#mobile_menu_popup ul li .sub-menu li a:hover{color: var(--primary-color);}
#mobile_menu_popup .sub-menu-toggle-icon{position: absolute; right: 0; top: 5px; width: 20px;height: 20px;background-image:url('../images/down-arrow-backup-2-svgrepo-com.svg'); background-repeat: no-repeat;background-position: center;background-size: contain;transition: all .3s ease;cursor: pointer;}
#mobile_menu_popup .sub-menu-toggle-icon.open{transform: scaleY(-1);}


/* new css */
.hero-section h5 { margin-top: 25px; letter-spacing: 1px; max-width: 900px; margin: 20px auto 0; }
.review-section .review-tagline p { margin-bottom: 0 !important; background: #fff; padding-top: 40px; }


/* instagram section */
.instagram-posts-section{padding-bottom: 0;}
.instagram-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 27px; }
.instagram-posts-section  .heading-bottom { padding-top: 80px; }
.instagram-posts-section .heading-bottom h2 { margin-bottom: 20px; }
.instagram-posts-section .heading-bottom .detail * { font-weight: 500; }
.instagram-posts-section .heading-bottom .detail { max-width: 1100px; margin: 0 auto; }

/* features section */
.feature-section{padding-top: 0;}
.feature-section .inner-feature-section { background: var(--blue-color); padding: 65px 120px; }
.feature-list .feature-box img{margin-bottom: 15px;height: 68px; width: auto;}

/* inner banner */
.inner-banner {position: relative; padding-bottom: 60px;height: 500px;}
.inner-banner::after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #000000d9 100%)}
.inner-banner h1{position: relative;z-index: 1;}

/* gallery section */
.custom-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "left middle-top right" "left middle-bottom right"; gap: 0; }
.custom-grid .item-1 { grid-area: left; }
.custom-grid .item-2 { grid-area: middle-top; }
.custom-grid .item-3 { grid-area: middle-bottom; }
.custom-grid .item-4 { grid-area: right; }
.custom-grid .grid-item { overflow: hidden; border-radius: 0; height: 100%; }
.custom-grid .grid-item img { width: 100%; height: 100%; object-fit: cover; display: block; }



.custom-gallery { display: grid; grid-template-columns: 1.2fr 1fr 1fr; grid-template-rows: 320px 320px; }
.custom-gallery .item { width: 100%; height: 100%; overflow: hidden; }
.custom-gallery .item img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Left Tall */
.custom-gallery .item-1 { grid-column: 1; grid-row: 1 / 3; }

/* Middle Stack */
.custom-gallery .item-2 { grid-column: 2; grid-row: 1; }
.custom-gallery .item-3 { grid-column: 2; grid-row: 2; }

/* RIGHT TOP GALLERY (2 images side-by-side) */
.custom-gallery .item-4 { grid-column: 3; grid-row: 1; display: grid; grid-template-columns: 1fr 1fr; /* THIS is the key fix */ }
/* Bottom Wide */
.custom-gallery .item-5 { grid-column: 3; grid-row: 2; }

@media (max-width: 1024px) {
.custom-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.custom-gallery .item-1 { grid-column: 1 / 3; grid-row: auto; height: 450px; }
.custom-gallery .item-4 { grid-column: 1 / 3; grid-template-columns: 1fr 1fr; height: 250px; }
.custom-gallery .item-5 { grid-column: 1 / 3; height: 300px; }
}

@media (max-width: 767px) {
.custom-gallery .custom-gallery { grid-template-columns: 1fr; }
.custom-gallery .item { height: 250px; }
.custom-gallery .item-4 { grid-template-columns: 1fr 1fr; /* keep gallery look on mobile */ }
}



.six-gallery-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
    grid-template-rows: 350px 350px;
    gap: 0;
}

/* Base */
.six-gallery-grid .grid-item {
    position: relative;
    overflow: hidden;
}

.six-gallery-grid .grid-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.six-gallery-grid .grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay */
.six-gallery-grid .grid-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
}

.grid-title {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    z-index: 2;
}

/* ===== EXACT PLACEMENT (KEY FIX) ===== */

/* 1 - Tall Left */
.six-gallery-grid .grid-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}

/* 2 - Top Middle */
.six-gallery-grid .grid-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

/* 3 - Bottom Middle */
.six-gallery-grid .grid-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

/* 4 - Tall Right (FORCED BEFORE 5 & 6) */
.six-gallery-grid .grid-item:nth-child(4) {
    grid-column: 3;
    grid-row: 1 / span 2;
}

/* 5 - Top Right Middle */
.six-gallery-grid .grid-item:nth-child(5) {
    grid-column: 4;
    grid-row: 1;
}

/* 6 - Bottom Right Middle */
.six-gallery-grid .grid-item:nth-child(6) {
    grid-column: 4;
    grid-row: 2;
}

@media (max-width: 1024px) {
    .six-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .six-gallery-grid .grid-item {
        grid-column: auto !important;
        grid-row: auto !important;
        height: 280px;
    }
}

@media (max-width: 600px) {
    .six-gallery-grid {
        grid-template-columns: 1fr;
    }

    .six-gallery-grid .grid-item {
        height: 220px;
    }
}



/* brand section */
.brand-strip { overflow: hidden; }
.brand-track span { color: var(--blue-color); text-transform: uppercase; white-space: nowrap; flex-shrink: 0; font-weight: 500; letter-spacing: 5px; }
.brands-section .top-heading{padding-bottom: 40px;}
.brand-slider { position: relative; overflow: hidden; width: 100%; }
.brand-track { display: flex; gap: 80px; /* fixed gap (avoid vw for iPad bug) */ align-items: center; width: fit-content; /* IMPORTANT */ will-change: transform; transform: translate3d(0,0,0); }
.brand-track img { height: 60px; width: auto; flex-shrink: 0; display: block; }
/* left-image-right-content-section  */
.left-image-right-content-section .store-box .detail{margin: 1vw 0 2vw;}

/* simple gallery section */
.simple-gallery-section  h2{margin-bottom: 25px;}
.simple-gallery-section img{width: 100%;}
.common-content-section h2 { margin-bottom: 20px; }
.common-content-section h5 { margin-top: 45px; margin-bottom: 15px; font-weight: 700; }

/* contact section */
.contact-form-top-section .detail { max-width: 1000px; margin: 0 auto 11VW; }
.contact-form-bottom-section{padding-left: 15px;padding-right: 15px;}
.contact-form-bottom-section .heading-title h5 { font-weight: 600; color: var(--blue-color); padding: 20px 1.82vw 0 0; }
.contact-form-bottom-section .heading-title h5 a{color: var(--blue-color);text-decoration: underline; font-weight: 600; }
.contact-form-bottom-section .heading-title h5 a:hover{color: var(--primary-color);}
.contact-form-bottom-section .newsletter-card {max-width: 1360px; margin: -13.5vw auto 0; padding: 3vw 5vw; background: #f9f1e1;}

.contact-form .form-input input,.contact-form .form-input textarea { width: 100%; background: var(--white-color); color: var(--blue-color); padding: 22px 30px; }
.contact-form .form-input input::placeholder, .contact-form .form-input textarea::placeholder { color: var(--blue-color); }
.contact-form .form-input textarea { height: 220px; resize: none; }
.contact-form .radio-list span.wpcf7-list-item {position: relative; margin: 0 2.6vw 0 0; }
.contact-form .radio-list { margin-top: 15px; }
.contact-form .radio-list span.wpcf7-list-item span.wpcf7-list-item-label {cursor: pointer; font-size: 22px; font-weight: 600; color: var(--blue-color); position: relative; padding-left: 25px; }
.contact-form .radio-list span.wpcf7-list-item input {position: absolute;width: 100%;top: 0; appearance: none; }
.contact-form .radio-list span.wpcf7-list-item span.wpcf7-list-item-label::before { content: ''; position: absolute; width: 16px; height: 16px; left: 0; top: 7px; border: 1px solid var(--blue-color); border-radius: 100%; }
.contact-form .radio-list span.wpcf7-list-item input:checked  + span.wpcf7-list-item-label::after{opacity: 1;}
.contact-form .radio-list span.wpcf7-list-item span.wpcf7-list-item-label::after { content: ''; position: absolute; width: 10px; height: 10px; background: var(--blue-color); left: 4px; top: 11px; border-radius: 100%; transition: all .3s ease; opacity: 0; }
.contact-form .label-form-input{margin-bottom: 15px !important;}
.contact-form .label-form-input p{margin-bottom: 3px !important;}

.instagram-posts-section .heading-bottom h5 { margin: 4vw 0 20px; }

/* services section */
.clothing-service-box h2 { margin-bottom: 1.5vw; }
.clothing-service-box .service-box { background: var(--light-orage); height: 100%; border-radius: 2vw; overflow: hidden; }
.clothing-service-box .service-box .service-img { height: 15vw; width: 100%; object-fit: cover; }
.clothing-service-box .service-box .service-detail { padding: 2vw  2vw 2.5vw; }
.clothing-service-box .service-box .service-detail h3 { margin-bottom: 1vw; }
.clothing-services-section .big-container { max-width: 1370px; }
.clothing-service-box .service-box .service-detail h5 { margin-bottom: 2vw; }
.clothing-services .clothing-service-box:not(:last-child){margin-bottom: 80px;}

/* gift card section */
.newsletter-card .card-img { margin-bottom: -9.5vw; margin-top: 4vw; margin-left: 0; }
.newsletter-card .card-img img { margin-left: -2vw; }

/* post detail */
.post-detail-section .post-detail { padding-left: 3.5vw; padding-top: 2.5vw; }
.post-detail-section .post-detail h5.di { padding-left: 40px; margin-bottom: 20px; position: relative; }
.post-detail-section .post-detail h5.di.event-date::after{background-image:url('../images/calender-icon.png')}
.post-detail-section .post-detail h5.di.event-time::after{background-image:url('../images/time-icon.png')}
.post-detail-section .post-detail h5.di.event-location::after{background-image:url('../images/location-icon.png')}
.post-detail-section .post-detail h5.di::after { content: ''; position: absolute; top: 5px; left: 0; width: 25px; height: 25px; background-size: contain; background-position: left center; background-repeat: no-repeat;}

/* members section */
.members-list-section{padding-bottom: 0;}
.members-list .member-detail-box{position: relative;  background: #f6ecda; border: 1px solid var(--primary-color); padding: 40px 40px 60px; margin-bottom: 70px;}
.members-list .member-detail-box .member-btn { position: absolute; right: 35px; bottom: -28px; max-width: 480px; width: 100%; text-align: center; }
.members-list .member-detail-box .heading-top { margin-bottom: 30px; }
.members-list .member-lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.members-list .member-lists .member-box { position: relative; border-radius: 15px; overflow: hidden; }
.members-list .member-lists .member-box .member-detail { position: absolute; z-index: 1; bottom: 0; padding: 30px; text-align: center; width: 100%; }
.members-list .member-lists .member-box img { width: 100%; height: 100%; object-fit: cover; }
.members-list .member-lists .member-box::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #000000d9 100%); }

/* common woocomerce */
.woocommerce .cart .button, .woocommerce .cart input.button ,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ float: none; background: #453e3b; opacity: 1 !important; color: #ffffff !important; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ background: #453e3b; opacity: 1 !important; color: #ffffff !important; }
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{ background: #000000;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{font-size: 20px !important;}
.woocommerce-info::before{color: var(--body-color) !important;}
.woocommerce-info{border-top-color: var(--body-color) !important;;}
body.woocommerce-cart header,body.woocommerce-checkout header,body.woocommerce-account header{box-shadow: 0 0 10px #000000d9;}
.woocommerce-account .common-content-section,body.woocommerce-cart  .common-content-section,body.woocommerce-checkout  .common-content-section{padding-bottom:0}

/* Gift card */
.newsletter-card .summary.entry-summary h1.product_title.entry-title, .newsletter-card .summary.entry-summary .woocommerce-product-details__short-description, .newsletter-card .summary.entry-summary .voucher-image-options, .newsletter-card .summary.entry-summary .quantity, .newsletter-card .summary.entry-summary .product_meta, .newsletter-card .summary.entry-summary .price{ display: none !important; }
.newsletter-card .summary.entry-summary { width: 100% !important; margin: 0 !important; position:  relative !important;}
.newsletter-card .summary.entry-summary form .nyp { display: flex; flex-direction: column; }
.newsletter-card .summary.entry-summary form input,.newsletter-card .summary.entry-summary form textarea { width: 100%; border: unset !important; border-radius: 0 !important; padding: 22px 30px !important; outline: unset !important; background: #ffffff !important; color:  var(--blue-color); }
.newsletter-card .summary.entry-summary form textarea { height: 220px; resize: none !important; }
.newsletter-card .summary.entry-summary form label { color: var(--blue-color); line-height:2}
.newsletter-card .summary.entry-summary form .nyp p.minimum-price,.newsletter-card .summary.entry-summary form .nyp p.minimum-price * { font-size: 16px; font-weight: 300; color: var(--blue-color) !important; margin: 0 0 5px!important; }
.newsletter-card form button.single_add_to_cart_button { font-size: 20px; font-weight: 500; text-transform: uppercase; background: var(--blue-color) !important; color: var(--white-color) !important; padding: 18px 40px; border-radius: 10px; cursor: pointer; transition: all .4s ease; position: absolute !important; right: 20px; vertical-align: unset !important; float: unset !important; left: unset !important; bottom: -90px !important; top: unset !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.newsletter-card form button.single_add_to_cart_button:hover { background: var(--black-color) !important; }
.newsletter-card .nyp-product,.newsletter-card .summary.entry-summary{height: 100%;}
.contact-form-bottom-section .newsletter-card .woocommerce-notices-wrapper{    position: absolute; z-index: 1; top: -112PX;}
.woocommerce-message a.button.wc-forward,.woocommerce .woocommerce-info .button,.woocommerce-MyAccount-content .button,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,.return-to-shop .button.wc-backward,.woocommerce ul.products li.product .button{background: #453e3b !important;opacity: 1 !important;color: #ffffff !important;}
.woocommerce-message a.button.wc-forward:hover,.woocommerce .woocommerce-info .button:hover,.woocommerce-MyAccount-content .button:hover,.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,.return-to-shop .button.wc-backward,.woocommerce ul.products li.product .button:hover{background:#000000 !important;}
.woocommerce-notices-wrapper .woocommerce-message .button {margin-left: 15px;}
.woocommerce-error {border-top-color: #b81c23;text-align: justify;}
.woocommerce-message,.woocommerce-info{text-align:left}
.wc-empty-cart-message {width: 100%;}

/* woocommerce-cart */
.woocommerce-cart .common-content-section  .detail >.woocommerce { display: flex; flex-wrap: wrap; }
.woocommerce-cart .common-content-section .detail >.woocommerce .woocommerce-notices-wrapper { width: 100% !important; }
.woocommerce-cart .common-content-section .detail >.woocommerce form.woocommerce-cart-form { width: 70%; }
.woocommerce-cart .common-content-section .detail >.woocommerce .cart-collaterals { width: 30%; }
.woocommerce-cart .common-content-section .detail >.woocommerce .cart-collaterals .cart_totals { width: 100%; padding-left: 40px; }
.woocommerce-cart .common-content-section .detail >.woocommerce tbody dl.variation * { font-size: 16px !important; }
.woocommerce .woocommerce-ordering select { padding: 10px;}

/* woocommerce-checkout */
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2 {float: unset;max-width: 100%;width: 65%;}
.woocommerce-checkout #customer_details { display: flex; flex-wrap: wrap; text-align: left; margin: 0 -15px;}
.woocommerce-checkout #customer_details .col-2 { width: 35%; }
body.woocommerce-checkout { text-align: left; }
.woocommerce .blockUI.blockOverlay { text-align: left !important; }
.woocommerce-checkout #payment div.form-row { text-align: left; }
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { border: 0; border-radius: 0; }
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper textarea{width: 100% !important;height: 150px !important;resize: none;}
.woocommerce-checkout #customer_detail .woocommerce-billing-fields{width: 100%;}
.woocommerce-checkout #order_review_heading{margin-top: 40px;text-align: left;margin-bottom: 15px;}

/* my account */
.woocommerce-account nav.woocommerce-MyAccount-navigation li { list-style: none; text-align: justify; padding: 10px; background: var(--body-color); color: #ffffff !important; border-bottom: 1px solid; }
.woocommerce-account nav.woocommerce-MyAccount-navigation li:last-child{border-bottom:0 !important}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a { color: #ffffff !important; }
.woocommerce-account nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active { background: var(--light-orage); border-bottom: 1px solid var(--body-color) !important; }
.woocommerce-account nav.woocommerce-MyAccount-navigation ul { border: 1px solid var(--body-color) !important; border-bottom:0 !important; }
.woocommerce-account .woocommerce-MyAccount-content * { text-align: left; }
.woocommerce-account nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a { color: var(--body-color) !important; }
.woocommerce-account .woocommerce-MyAccount-content{margin-top:40px}
.woocommerce-account .woocommerce-MyAccount-content .u-column1.col-1, .woocommerce-account .woocommerce-MyAccount-content .col-2 { float: unset; max-width: 100%; width: 100%; margin: 0 0 30px; padding: 0; box-shadow: none !important; }
.woocommerce-account .woocommerce-MyAccount-content .u-column1.col-1 header, .woocommerce-account .woocommerce-MyAccount-content .col-2 header { box-shadow: none; border: 1px solid var(--body-color); padding: 10px; margin-bottom: 10px; }

.common-content-section  ul {
    margin-bottom: 25px !important;
    padding-left: 20px !important;
}

.common-content-section h3 {
    margin-bottom: 10px !important;
}
.common-content-section table {
    margin-bottom: 25px !important;
    border-collapse: collapse;
}
.common-content-section table,.common-content-section table th,.common-content-section table  td {
  border: 1px solid #918e8e
  ;
  padding:10px
}
.common-content-section .detail * {
    text-align: left;
}