/** Shopify CDN: Minification failed

Line 415:0 Unexpected "<"
Line 417:5 Expected identifier but found "%"
Line 418:6 Unexpected "<"
Line 419:5 Expected identifier but found "%"
Line 420:6 Unexpected "<"
Line 421:5 Expected identifier but found "%"
Line 422:2 Unexpected "<"
Line 427:1 Expected identifier but found "%"
Line 428:2 Unexpected "<"
Line 428:7 Unexpected "{"
... and 32 more hidden warnings

**/
/* =========================
HEADER TOP AREA (LIGHT GRAY)
========================= */

.top_logo_area{
background:#d6dce1 !important;
}

/* =========================
MENU AREA (DARK GRAY)
========================= */

.bottom_area{
background:#bfc7cd !important;
border-top:1px solid #aab3b9 !important;
}

/* =========================
TEXT COLOR
========================= */

.bottom_area a{
color:#000 !important;
}

/* =========================
HOVER COLOR
========================= */

.bottom_area a:hover{
color:#ff3c00 !important;
}

/* =========================
LOGO FULL LEFT
========================= */

.top_logo_area .container,
.top_logo_area .container-fluid{
padding-left:0 !important;
padding-right:0 !important;
}

.top_logo_area .logo{
position:relative;
left:5px;
}

/* =========================
ICONS RIGHT SIDE
========================= */

.header-right-wrap{
margin-right:10px !important;
}

.top_logo_area .header-right-wrap{
position:relative;
top:-10px;
}

/* =========================
STICKY HEADER FIX
========================= */

.header-area.stick .logo{
margin-left:5px !important;
}

.header-area.stick .header-right-wrap{
position:absolute;
right:20px;
top:15px;
}

.header-area.stick .main-menu{
text-align:center;
}

/* =========================
STICKY HEADER CORNER FIX
========================= */

.header-area.stick{
position:fixed !important;
top:0;
left:0;
width:100%;
z-index:9999;
}

/* logo extreme left */
.header-area.stick .logo{
position:absolute !important;
left:15px !important;
top:12px !important;
}

/* icons extreme right */
.header-area.stick .header-right-wrap{
position:absolute !important;
right:15px !important;
top:12px !important;
}

/* menu center maintain */
.header-area.stick .main-menu{
width:100%;
text-align:center !important;
}
/* =========================
STICKY LOGO LEFT FIX
========================= */

.header-area.stick .top_logo_area{
position:relative !important;
}

/* logo extreme left */
.header-area.stick .logo{
position:absolute !important;
left:10px !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
}

/* icons extreme right */
.header-area.stick .header-right-wrap{
position:absolute !important;
right:15px !important;
top:50% !important;
transform:translateY(-50%) !important;
}

/* menu center */
.header-area.stick .main-menu{
text-align:center !important;
width:100%;
}
/* =========================
STICKY LOGO EXTREME LEFT
========================= */

/* container padding remove */
.header-area.stick .top_logo_area .container,
.header-area.stick .top_logo_area .container-fluid{
padding-left:0 !important;
padding-right:0 !important;
}

/* logo bilkul corner me */
.header-area.stick .logo{
left:10 !important;
margin-left:10 !important;
}

/* icons bilkul right corner */
.header-area.stick .header-right-wrap{
right:15 !important;
margin-right:10 !important;
}
/* =========================
STICKY HEADER FULL WIDTH
========================= */

.header-area.stick .container,
.header-area.stick .container-fluid{
max-width:100% !important;
width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
}


/* logo extreme left */
.header-area.stick .logo{
position:absolute !important;
left:0 !important;
top:50% !important;
transform:translateY(-50%) !important;
}

/* icons extreme right */
.header-area.stick .header-right-wrap{
position:absolute !important;
right:0 !important;
top:50% !important;
transform:translateY(-50%) !important;
}


/* =========================
FINAL SMALL POSITION ADJUST
========================= */

/* logo thoda right */
.header-area.stick .logo{
left:25px !important;
}

/* icons thode left */
.header-area.stick .header-right-wrap{
right:25px !important;
}

/* =========================
HERO BANNER HEIGHT REDUCE
========================= */

.hero-slider-area,
.slider-area,
.single-slider{
min-height:420px !important;
height:420px !important;
}

/* content vertical spacing reduce */
.single-slider .slider-content{
padding-top:40px !important;
padding-bottom:40px !important;
}
/* =========================
BANNER HEIGHT IMPROVE
========================= */

.hero-slider-area,
.slider-area,
.single-slider{
min-height:460px !important;
height:460px !important;
}
/* =========================
BANNER IMAGE FIT
========================= */

.single-slider img{
max-height:420px !important;
width:auto !important;
object-fit:contain !important;
}
/* =========================
FIRST BANNER COLOR CHANGE
(RED → GREEN + BLUE)
========================= */

/* first banner background */
.slider-active-boxed .owl-item:first-child .single-slider{
background: linear-gradient(135deg,#0b6b3a,#0a5ea8) !important;
}

/* first banner text white */
.slider-active-boxed .owl-item:first-child h1,
.slider-active-boxed .owl-item:first-child h2,
.slider-active-boxed .owl-item:first-child h3,
.slider-active-boxed .owl-item:first-child p{
color:#ffffff !important;
}

/* first banner button */
.slider-active-boxed .owl-item:first-child .slider-btn a{
background:#ffffff !important;
color:#0a5ea8 !important;
border:2px solid #ffffff !important;
}
/* =========================
FIRST BANNER RED → GREEN+BLUE
========================= */

/* force override first slide */
.slider-active-boxed .owl-item:first-child .single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
background-image:none !important;
}

/* text white */
.slider-active-boxed .owl-item:first-child .slider-content h1,
.slider-active-boxed .owl-item:first-child .slider-content h2,
.slider-active-boxed .owl-item:first-child .slider-content p{
color:#ffffff !important;
}

/* button style */
.slider-active-boxed .owl-item:first-child .slider-btn a{
background:#ffffff !important;
color:#0a4f8a !important;
border:2px solid #ffffff !important;
}
/* =========================
FIRST SLIDE RED → GREEN+BLUE
========================= */

.slider-active-boxed .owl-item:nth-child(1) .single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
}

/* text white */
.slider-active-boxed .owl-item:nth-child(1) h1,
.slider-active-boxed .owl-item:nth-child(1) h2,
.slider-active-boxed .owl-item:nth-child(1) h3,
.slider-active-boxed .owl-item:nth-child(1) p{
color:#ffffff !important;
}

/* button */
.slider-active-boxed .owl-item:nth-child(1) .slider-btn a{
background:#ffffff !important;
color:#0a4f8a !important;
border:2px solid #ffffff !important;
}
/* =========================
FIRST REAL SLIDE COLOR FIX
========================= */

.slider-active-boxed .owl-item:not(.cloned):first-of-type .single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
}

/* text white */
.slider-active-boxed .owl-item:not(.cloned):first-of-type h1,
.slider-active-boxed .owl-item:not(.cloned):first-of-type h2,
.slider-active-boxed .owl-item:not(.cloned):first-of-type h3,
.slider-active-boxed .owl-item:not(.cloned):first-of-type p{
color:#ffffff !important;
}

/* button */
.slider-active-boxed .owl-item:not(.cloned):first-of-type .slider-btn a{
background:#ffffff !important;
color:#0a4f8a !important;
border:2px solid #ffffff !important;
}
/* FORCE FIRST BANNER GREEN + BLUE */
.banner_top{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
}

/* text white */
.banner_top h2,
.banner_top h3,
.banner_top a{
color:#ffffff !important;
}
/* BANNER GREEN BLUE OVERLAY */
.banner_top{
position:relative;
}

.banner_top::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,#0f7a4f,#0a4f8a);
opacity:0.85;
z-index:1;
}

.banner_top img{
position:relative;
z-index:0;
}

.banner_top .banner-content{
position:relative;
z-index:2;
}

/* text white */
.banner_top h2,
.banner_top h3,
.banner_top a{
color:#ffffff !important;
}
/* =========================
YELLOW BANNER LAYOUT FIX
========================= */

.banner_top{
display:flex;
align-items:center;
justify-content:space-between;
padding:40px 60px;
}

/* text left */
.banner_top .banner-content{
width:50%;
text-align:left !important;
}

/* image right */
.banner_top img{
width:45%;
margin-left:auto;
display:block;
}
<div class="single-banner mb-30 banner_top">
  <a href="{{ block.settings.btn1_url }}">
    {%- if block.settings.img1 -%}
      <img class="animated" style="display:none" src="{{ block.settings.img1 | img_url: 'master' }}" alt="banner">
    {%- else -%}
      <img class="animated" style="display:none" src="https://via.placeholder.com/1370x450" alt="banner">
    {%- endif -%}
  </a>

  <div class="banner-content {% if block.settings.text1_p == 'style_1' %}banner-position-1{% elsif block.settings.text1_p == 'style_2' %}banner-position-2{% elsif block.settings.text1_p == 'style_3' %}banner-position-3{% elsif block.settings.text1_p == 'style_4' %}banner-position-4{% elsif block.settings.text1_p == 'style_5' %}banner-position-5{% elsif block.settings.text1_p == 'style_6' %}banner-position-six banner-position-5{% endif %}">

```
{%- if block.settings.t1 != '' -%}
  <h3>{{ block.settings.t1 }}</h3>
{%- endif -%}

{%- if block.settings.t2 != '' -%}
  <h2>{{ block.settings.t2 }}</h2>
{%- endif -%}

{%- if block.settings.btn1 != '' -%}
  <a class="ban_btn1" href="{{ block.settings.btn1_url }}">{{ block.settings.btn1 }}</a>
{%- endif -%}
```

  </div>
</div>

{% style %}

/* GREEN + BLUE BANNER BACKGROUND */
.block_{{ block.id }} .banner_top{
background:linear-gradient(135deg,#0f7a4f,#0a4f8a);
padding:80px 60px;
}

/* TEXT WHITE */
.block_{{ block.id }} .banner_top h2,
.block_{{ block.id }} .banner_top h3,
.block_{{ block.id }} .banner_top p{
color:#ffffff;
}

/* BUTTON STYLE */
.block_{{ block.id }} .banner_top .ban_btn1{
color:#ffffff;
border-bottom:1px solid #ffffff;
text-decoration:none;
}

.block_{{ block.id }} .banner_top .ban_btn1:hover

{% endstyle %}


/* FIRST BANNER IMAGE HIDE */
.banner_top:first-of-type img{
display:none !important;
}

/* FIRST BANNER GREEN BACKGROUND */
.banner_top:first-of-type{
background:linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
padding:60px !important;
}

/* FIRST BANNER TEXT WHITE */
.banner_top:first-of-type h2,
.banner_top:first-of-type h3,
.banner_top:first-of-type p,
.banner_top:first-of-type a{
color:#ffffff !important;
}
/* =========================
SECOND BANNER RED → GREEN + BLUE
========================= */

.slider-active-boxed .owl-item:not(.cloned):nth-child(2) .single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
background-image:none !important;
}

/* text white */
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) h1,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) h2,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) h3,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) p{
color:#ffffff !important;
}

/* button */
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) a{
color:#ffffff !important;
border-color:#ffffff !important;
}
/* =========================
REMOVE RED OVERLAY
========================= */

.single-slider::before{
display:none !important;
}

/* =========================
SECOND SLIDE GREEN + BLUE
========================= */

.slider-active-boxed .owl-item:not(.cloned):nth-child(2) .single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
background-image:none !important;
}

/* TEXT WHITE */

.slider-active-boxed .owl-item:not(.cloned):nth-child(2) h1,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) h2,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) p,
.slider-active-boxed .owl-item:not(.cloned):nth-child(2) a{
color:#ffffff !important;
}
/* =========================
REMOVE RED BACKGROUND IMAGE
========================= */

.single-slider{
background-image:none !important;
}

/* =========================
GREEN + BLUE BACKGROUND
========================= */

.single-slider{
background: linear-gradient(135deg,#0f7a4f,#0a4f8a) !important;
}

/* =========================
TEXT WHITE
========================= */

.single-slider h1,
.single-slider h2,
.single-slider h3,
.single-slider p,
.single-slider a{
color:#ffffff !important;
}
/* =========================
REMOVE VIEW VIDEO BUTTON
========================= */

.video-btn,
.popup-video,
.slider-video,
a.video-popup{
display:none !important;
}
/* =========================
REMOVE VIEW VIDEO TEXT
========================= */

.slider-content a{
display:none !important;
}

/* shop now button wapas show */
.slider-content .slider-btn a{
display:inline-block !important;
}
/* =========================
REMOVE VIEW VIDEO TEXT + ICON
========================= */

.slider-content .video-popup,
.slider-content .video-btn,
.slider-content .video-play,
.slider-content .popup-video,
.slider-content a[href*="video"]{
display:none !important;
}
/* =========================
SLIDER TEXT & IMAGE GAP
========================= */

.single-slider .slider-single-img{
margin-left:60px;
}
/* =========================
GRADIENT SHOP NOW BUTTON
========================= */

.slider-btn a{
position:relative;
display:inline-block;
padding:14px 35px;
color:#000000 !important;
background:#ffffff;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
z-index:1;
}

/* gradient border */

.slider-btn a:before{
content:"";
position:absolute;
top:-2px;
left:-2px;
right:-2px;
bottom:-2px;
background:linear-gradient(45deg,#00ff9c,#00c6ff,#ff00ff);
border-radius:40px;
z-index:-1;
}

/* hover effect */

.slider-btn a:hover{
background:linear-gradient(135deg,#0f7a4f,#0a4f8a);
color:#ffffff !important;
transform:scale(1.08);
}
/* =========================
PILL GRADIENT BUTTON
========================= */

.slider-btn{
background:transparent !important;
border:none !important;
}

.slider-btn a{
display:inline-flex !important;
align-items:center;
gap:8px;

padding:16px 38px !important;

background:linear-gradient(135deg,#1fe4c7,#2f80ed,#c23cff) !important;

border:none !important;
border-radius:60px !important;

color:#000 !important;
font-weight:600;

box-shadow:0 8px 20px rgba(0,0,0,0.25);

transition:all .35s ease !important;
}

/* hover animation */

.slider-btn a:hover{

transform:scale(1.08);

background:linear-gradient(135deg,#16c7b1,#1f6fe0,#a02de0) !important;

color:#000 !important;
}
/* =========================
BUTTON HOVER ZOOM
========================= */

.slider-btn a{
transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

/* hover par button bada */

.slider-btn a:hover{
transform: scale(1.12) !important;
box-shadow:0 12px 30px rgba(0,0,0,0.35) !important;
}
/* =========================
NEON NAVBAR SEARCH BAR
========================= */

.header-search,
.search-bar{
position:relative;
}

.header-search input,
.search-bar input{

background:#050505 !important;
border:2px solid transparent !important;
border-radius:12px !important;

padding:12px 45px 12px 40px !important;

color:#ffffff !important;

outline:none !important;

box-shadow:
0 0 5px #ff00ff,
0 0 10px #9d00ff,
0 0 20px #6a00ff;

transition:all .35s ease;
}

/* focus glow */

.header-search input:focus,
.search-bar input:focus{

box-shadow:
0 0 10px #ff00ff,
0 0 20px #9d00ff,
0 0 40px #6a00ff;

}


/* search icon */

.header-search i,
.search-bar i{
color:#ffffff;
}
/* =========================
GRADIENT SHOP NOW BUTTON
========================= */

.slider-btn a{
position:relative;
display:inline-block;
padding:14px 35px;
background:linear-gradient(45deg,#00d4aa,#3aa0ff,#c44bff);
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:all .3s ease;
z-index:1;
color:#000 !important;   /* TEXT BLACK */
}

/* hover effect */

.slider-btn a:hover{
background:linear-gradient(135deg,#0f7a4f,#0a4f8a);
color:#000 !important;   /* HOVER TEXT BLACK */
transform:scale(1.08);
}
/* REMOVE BUTTON BOX */

.slider-btn{
background:transparent !important;
border:none !important;
box-shadow:none !important;
}

/* SAMPLE QUESTION PAPER HEADING */

.section-title h2{
font-size:48px !important;
font-weight:700 !important;
color:#1c2331 !important;
letter-spacing:1px;
text-align:center;
margin-bottom:40px;
}
/* PRODUCT CARD STYLE FOR SAMPLE QUESTION PAPER */

.product-wrap{
background:#ffffff;
border-radius:14px;
padding:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all 0.35s ease;
height:100%;
}

/* IMAGE CENTER */
.product-img{
text-align:center;
margin-bottom:15px;
}

/* HOVER ANIMATION */
.product-wrap:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

/* PRODUCT TITLE */
.product-content h3{
font-size:16px;
font-weight:600;
line-height:1.4;
}

/* PRICE STYLE */
.product-content .price{
font-weight:700;
color:#000;
margin-top:8px;
}
/* PRODUCT CARD STYLE */

.theme-product{
background:#ffffff;
border-radius:16px;
padding:20px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:all .35s ease;
height:100%;
}

/* HOVER ANIMATION */

.theme-product:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.18);
}

/* IMAGE CENTER */

.theme-product-image{
display:block;
text-align:center;
}

/* IMAGE ZOOM */

.theme-product-image img{
transition:transform .35s ease;
}

.theme-product:hover img{
transform:scale(1.05);
}
/* REMOVE PRODUCT HOVER ICONS */

.theme-product-action{
display:none !important;
}

.theme-product-action-grid{
display:none !important;
}
/* FIX SLIDER HEIGHT ISSUE */

.single-slider{
height:auto !important;
min-height:600px !important;
padding:120px 0 !important;
}

.slider-area{
overflow:hidden;
}
@media (max-width:1200px){
.single-slider{
min-height:500px !important;
}
}
/* MOVE SLIDER CONTENT UP */

.single-slider{
padding-top:80px !important;
padding-bottom:40px !important;
}

/* BOOK IMAGE UP */

.slider-single-img{
margin-top:-40px;
}
/* FIX SLIDER CONTENT CUT ISSUE */

.single-slider{
display:flex;
align-items:center;
min-height:650px !important;
padding:80px 0 !important;
}

/* REMOVE IMAGE SHIFT */

.slider-single-img{
margin-top:0 !important;
}
/* SLIDER TEXT SIZE REDUCE */

.slider-content h1{
font-size:60px !important;
line-height:70px !important;
}

.slider-content p{
font-size:16px !important;
}

/* BOOK IMAGE SIZE REDUCE */

.slider-single-img img{
max-width:80% !important;
height:auto;
}

/* SLIDER HEIGHT BALANCE */

.single-slider{
min-height:600px !important;
display:flex;
align-items:center;
}

/* SLIDER CONTENT UP SHIFT */

.single-slider{
display:flex;
align-items:flex-start !important;
padding-top:80px !important;
}

/* TEXT BLOCK THODA UP */

.slider-content{
margin-top:-60px !important;
}

/* BOOK IMAGE UP */

.slider-single-img{
margin-top:-40px !important;
}
/* FIX ONLY LOWER DOUBLE BANNERS */

.single-banner.banner_top{
position:relative;
display:block !important;
padding:0 !important;
background:none !important;
}

/* show image properly */

.single-banner.banner_top img{
display:block !important;
width:100%;
height:auto;
}

/* overlay content */

.single-banner.banner_top .banner-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index:2;
}

/* button style */

.single-banner.banner_top .ban_btn1{
background:#000;
color:#fff;
padding:10px 25px;
display:inline-block;
margin-top:15px;
}
/* REMOVE COLOR OVERLAY FROM LOWER BANNERS */

.single-banner.banner_top::before{
display:none !important;
background:none !important;
opacity:0 !important;
}
.banner_top::before{
display:none !important;
}
.banner_top::before{
display:none !important;
}
/* BANNER SLIDER CONTAINER */

.kids-slider{
position:relative;
overflow:hidden;
}
/* DOUBLE BANNER → SINGLE SLIDER */

.single-banner.banner_top{
position:absolute;
width:100%;
left:0;
top:0;
opacity:0;
}

/* banner container */

.row .single-banner.banner_top:nth-child(1){
animation:banner1 10s infinite;
}

.row .single-banner.banner_top:nth-child(2){
animation:banner2 10s infinite;
}

/* first banner */

@keyframes banner1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

/* second banner */

@keyframes banner2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
/* LOWER BANNER SLIDER FIX */

.row:has(.banner_top){
position:relative;
height:420px;
overflow:hidden;
}

/* banner full width */

.row:has(.banner_top) .single-banner.banner_top{
position:absolute;
width:100%;
left:0;
top:0;
opacity:0;
}

/* first banner */

.row:has(.banner_top) .single-banner.banner_top:nth-child(1){
animation:banner1 10s infinite;
}

/* second banner */

.row:has(.banner_top) .single-banner.banner_top:nth-child(2){
animation:banner2 10s infinite;
}

/* animations */

@keyframes banner1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

@keyframes banner2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
/* BANNER SLIDER */

.kids-banner-slider{
position:relative;
width:100%;
height:420px;
overflow:hidden;
}

/* SLIDE */

.kids-slide{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
align-items:center;
justify-content:space-between;
padding:60px;
opacity:0;
animation-duration:10s;
animation-iteration-count:infinite;
}

/* FIRST SLIDE */

.slide-yellow{
background:linear-gradient(135deg,#ffd54f,#000);
animation-name:slide1;
}

/* SECOND SLIDE */

.slide-red{
background:linear-gradient(135deg,#ff2b2b,#000);
animation-name:slide2;
}

/* IMAGE */

.kids-slide img{
width:40%;
}

/* TEXT */

.banner-text{
color:#000;
max-width:40%;
}

/* ANIMATION */

@keyframes slide1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

@keyframes slide2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
/* MAKE BANNERS FULL WIDTH */

.single-banner{
width:100% !important;
max-width:100% !important;
}

/* REMOVE 2 COLUMN GRID */

.single-banner.mb-30{
flex:0 0 100% !important;
max-width:100% !important;
}

/* BANNER SLIDER */

.banner_top{
position:absolute;
left:0;
top:0;
width:100%;
opacity:0;
}

/* CONTAINER */

.row:has(.banner_top){
position:relative;
height:420px;
overflow:hidden;
}

/* FIRST BANNER */

.banner_top:nth-child(1){
background:linear-gradient(135deg,#ffd54f,#000) !important;
animation:banner1 10s infinite;
}

/* SECOND BANNER */

.banner_top:nth-child(2){
background:linear-gradient(135deg,#ff2b2b,#000) !important;
animation:banner2 10s infinite;
}

/* TEXT BLACK */

.banner_top h2,
.banner_top h3,
.banner_top a{
color:#000 !important;
}

/* ANIMATION */

@keyframes banner1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

@keyframes banner2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
/* REMOVE DOUBLE BANNERS */

.single-banner{
width:100% !important;
max-width:100% !important;
}

/* make banner full width */

.single-banner.mb-30{
flex:0 0 100% !important;
max-width:100% !important;
}

/* hide second banner */

.single-banner.mb-30:nth-child(2){
display:none !important;
}
.row .col-lg-6:nth-child(2){
display:none !important;
}
/* MAKE BANNER FULL WIDTH */

.single-banner{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(-50vw + 50%) !important;
}

/* remove container padding */

.single-banner img{
width:100% !important;
height:auto;
display:block;
}
.banner-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
}

.banner-btn{
background:#000;
color:#fff;
padding:14px 28px;
font-size:16px;
border-radius:4px;
}
.hero-banner{
width:100%;
height:650px;
background:url('banner-bg.jpg') center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
padding:80px;
}

.hero-content{
color:#000;
}

.hero-btn{
background:#000;
color:#fff;
padding:12px 25px;
text-decoration:none;
}
/* Banner height reduce */
.single-banner{
height:350px !important;
}

/* image height reduce */
.single-banner img{
height:350px !important;
object-fit:cover;
}
/* SINGLE IMAGE BANNER FIX */

.banner_top{
position:relative;
display:block;
padding:0 !important;
}

/* image full width */

.banner_top img{
width:100% !important;
height:auto !important;
display:block;
}

/* text overlay center */

.banner_top .banner-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
z-index:2;
text-align:left;
}
/* FORCE FULL WIDTH BANNER IMAGE */

.single-banner{
position:relative;
width:100% !important;
height:auto !important;
overflow:hidden;
}

.single-banner img{
width:100% !important;
height:auto !important;
display:block;
object-fit:cover;
}

/* remove dark overlay */

.single-banner::after{
display:none !important;
}

/* slider column full width */

.banner-area .col-md-12{
padding:0 !important;
width:100% !important;
max-width:100% !important;
}
/* BANNER SIZE FIX */

.single-banner{
position:relative;
width:100%;
height:350px !important;
overflow:hidden;
}

.single-banner img{
width:100%;
height:350px !important;
object-fit:cover;
display:block;
}

/* text position */

.banner-content{
position:absolute;
top:50%;
left:8%;
transform:translateY(-50%);
color:#fff;
}

/* mobile */

@media(max-width:768px){

.single-banner{
height:200px !important;
}

.single-banner img{
height:200px !important;
}

}

/* SLICK SLIDER FIX */

.banner-slider-active .col-md-12{
padding:0 !important;
}

.banner-slider-active{
display:block;
}
/* BANNER SLIDER */

.kids-banner-slider{
position:relative;
width:100%;
height:380px;
overflow:hidden;
}

/* slides */

.kids-slide{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
transition:opacity 1s ease;
}

/* image */

.kids-slide img{
width:100%;
height:380px;
object-fit:cover;
display:block;
}

/* first slide */

.kids-slide:first-child{
opacity:1;
animation:slide1 10s infinite;
}

/* second slide */

.kids-slide:nth-child(2){
animation:slide2 10s infinite;
}

/* animation */

@keyframes slide1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

@keyframes slide2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
/* LOWER BANNER HEIGHT FIX */

.row:has(.banner_top){
height:auto !important;
min-height:650px !important;
overflow:visible !important;
}

.banner_top{
height:auto !important;
}

.banner_top img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}

/* mobile */

@media(max-width:768px){
.kids-banner-slider{
height:220px;
}

.kids-slide img{
height:220px;
}
}

/* mobile height */
@media(max-width:768px){
.single-banner{
height:220px !important;
}

.single-banner img{
height:220px !important;
}
}

.hero-books{
display:flex;
gap:20px;
}
.hero-slider{
width:100vw !important;
margin-left:calc(-50vw + 50%);
}

.hero-slide{
width:100vw !important;
}
.hero-books img{
height:250px;
}

.container .single-banner{
width:100vw !important;
max-width:100vw !important;
margin-left:calc(-50vw + 50%) !important;
}

/* SLIDES */

.kids-slide{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
transition:opacity 1s ease;
}

/* FIRST SLIDE */

.kids-slide:first-child{
opacity:1;
animation:kidsSlide1 10s infinite;
}

/* SECOND SLIDE */

.kids-slide:nth-child(2){
animation:kidsSlide2 10s infinite;
}

/* ANIMATION */

@keyframes kidsSlide1{
0%{opacity:1}
45%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}

@keyframes kidsSlide2{
0%{opacity:0}
45%{opacity:0}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}

/* FIRST BANNER BG */

.kids-slide.kids-yellow{
background:linear-gradient(135deg,#ffd54f,#000000);
}

/* SECOND BANNER BG */

.kids-slide.kids-red{
background:linear-gradient(135deg,#ff2b2b,#000000);
}

/* TEXT */

.kids-slide h2{
color:#000;
}
/* LOWER BANNER HEIGHT SAME AS TOP BANNER */

.single-banner{
height:600px !important;
}

.banner-inner{
height:600px !important;
}

.banner-right{
height:600px !important;
}

.banner-right img{
height:600px !important;
width:auto !important;
object-fit:contain !important;
}
/* BANNER IMAGE THODI CHOTI */

.banner-right img{
max-height:420px !important;
width:auto !important;
object-fit:contain !important;
margin:auto;
display:block;
}

/* BOY IMAGE EXTREME RIGHT */

.banner-right{
display:flex;
justify-content:flex-end !important;
}

.banner-right img{
margin-right:-40px !important;
}
/* BUTTON ORANGE + YELLOW */

.ban_btn1{
background:linear-gradient(135deg,#ff7a00,#ffd000) !important;
color:#000 !important;
border:none !important;
}

/* HOVER */

.ban_btn1:hover{
background:linear-gradient(135deg,#ff8c00,#ffe600) !important;
color:#000 !important;
transform:scale(1.05);
}

/* BUTTON THODA AUR NICHE */

.banner-left{
display:flex;
align-items:flex-end !important;
height:100%;
padding-bottom:80px !important;
}
/* FIX BANNER LAYOUT */

.single-banner{
position:relative !important;
}

/* BUTTON BOTTOM LEFT */

.banner-left{
position:absolute !important;
left:40px !important;
bottom:5px !important;
}

/* IMAGE WAPAS RIGHT SIDE */

.banner-right{
position:absolute !important;
right:60px !important;
top:50% !important;
transform:translateY(-50%) !important;
}

/* BANNER TEXT WHITE */

.banner-text h2{
color:#ffffff !important;
}

.banner-text p{
color:#ffffff !important;
}
/* BANNER FONT FAMILY */

.banner-text h2{
font-family:'Poppins', sans-serif !important;
font-weight:700;
}

.banner-text p{
font-family:'Poppins', sans-serif !important;
font-weight:400;
}
/* HEADING ONE LINE */

.banner-text h2{
white-space:nowrap;
font-size:52px;
}

/* SUBTEXT 2 LINES */

.banner-text p{
max-width:420px;
line-height:1.6;
}
/* TEXT LEFT ALIGN FIX */

.banner-left{
align-items:flex-start !important;
text-align:left !important;
}

/* HEADING LEFT START */

.banner-text h2{
font-size:52px;
line-height:1.2;
margin-bottom:15px;
max-width:650px;
}

/* DESCRIPTION 2 LINES */

.banner-text p{
max-width:420px;
line-height:1.6;
}
/* HEADING THODA UPAR */

.banner-text h2{
margin-top:-40px !important;
font-size:52px;
line-height:1.2;
}

/* DESCRIPTION SIRF 2 LINES */

.banner-text p{
max-width:520px !important;
line-height:1.6;
}
/* HEADING UPAR */

.banner-text{
margin-top:-60px !important;
}

/* HEADING STYLE */

.banner-text h2{
font-size:52px;
line-height:1.2;
margin-bottom:20px;
}

/* DESCRIPTION 2 LINES */

.banner-text p{
max-width:650px !important;
line-height:1.6;
}
/* HEADING UPAR */

.banner-text{
margin-top:-80px !important;
}

/* HEADING STYLE */

.banner-text h2{
font-size:52px;
line-height:1.2;
margin-bottom:20px;
}

/* DESCRIPTION 2 LINES */

.banner-text p{
max-width:650px !important;
line-height:1.6;
}
/* ===== FINAL BANNER TEXT FIX ===== */

.banner-text{
position:relative !important;
top:-50px !important;   /* heading upar */
}

.banner-text h2{
font-size:52px !important;
line-height:1.2 !important;
margin-bottom:20px !important;
white-space:nowrap !important;
}

.banner-text p{
max-width:700px !important;   /* text 2 lines me */
line-height:1.6 !important;
font-size:16px !important;
}
/* ===== BANNER TEXT FIX ===== */

.banner-text{
position:relative !important;
margin-top:-40px !important;
max-width:650px;
}

/* HEADING */

.banner-text h2{
font-size:52px !important;
line-height:1.2 !important;
margin-bottom:20px !important;
white-space:normal !important;
word-break:normal !important;
}

/* DESCRIPTION */

.banner-text p{
font-size:16px !important;
line-height:1.6 !important;
max-width:520px !important;
color:#ffffff !important;
}
/* ===== SAME ANIMATION AS TOP SLIDER ===== */

/* slide fade transition */

.banner-slide{
opacity:0;
transition:opacity 1s ease;
position:absolute;
top:0;
left:0;
width:100%;
}

/* active slide */

.banner-slide.active{
opacity:1;
position:relative;
}

/* ===== TEXT ANIMATION ===== */

.banner-text h2{
animation:fadeInLeft 3s ease both;
}

.banner-text p{
animation:fadeInUp 1.2s ease both;
}

.ban_btn1{
animation:fadeInUp 1.4s ease both;
}
/* ===== TEXT LEFT → RIGHT ANIMATION ===== */

.banner-slide.active .banner-text{
animation:textSlideIn 0.9s ease forwards;
}

@keyframes textSlideIn{
0%{
opacity:0;
transform:translateX(-120px);
}
100%{
opacity:1;
transform:translateX(0);
}
}


/* ===== IMAGE RIGHT → LEFT ANIMATION ===== */

.banner-slide.active .banner-right img{
animation:imageSlideIn 2s ease forwards;
}

@keyframes imageSlideIn{
0%{
opacity:0;
transform:translateX(120px);
}
100%{
opacity:1;
transform:translateX(0);
}
}
/* ===== FINAL SHOP NOW BUTTON HOVER FIX ===== */

.banner-left .ban_btn1{
background:linear-gradient(135deg,#ff7a00,#ffd000) !important;
color:#000 !important;
transition:transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease !important;
}

/* HOVER */

.banner-left .ban_btn1:hover{
transform:scale(1.15) !important;
background:linear-gradient(135deg,#ff8c00,#ffe600) !important;
box-shadow:0 12px 30px rgba(0,0,0,0.35) !important;
}
/* ===== FAST HOVER BUTTON ===== */

.banner-left .ban_btn1{
background:linear-gradient(135deg,#ff7a00,#ffd000) !important;
color:#000 !important;
transition:all 0.15s ease !important;
}

/* HOVER */

.banner-left .ban_btn1:hover{
transform:scale(1.18) !important;
background:linear-gradient(135deg,#ff8c00,#ffe600) !important;
box-shadow:0 10px 25px rgba(0,0,0,0.35) !important;
}


/* ===== FORCE LAST SLIDER COLOR ===== */

#shopify-section-slider_MCrMRU .single-slider{
background:linear-gradient(135deg,#ffd54f,#ff7a00) !important;
background-image:none !important;
}

/* text */

#shopify-section-slider_MCrMRU h1,
#shopify-section-slider_MCrMRU h2,
#shopify-section-slider_MCrMRU p{
color:#000 !important;
}
/* =========================
FOOTER BANNER SAME ANIMATION
========================= */

/* slide fade */

.footer-slide{
opacity:0;
transition:opacity 1s ease;
position:absolute;
width:100%;
top:0;
left:0;
}

.footer-slide.active{
opacity:1;
position:relative;
}

/* TEXT ANIMATION */

.footer-slide.active .footer-banner-left{
animation:textSlideIn 2s ease forwards;
}

/* IMAGE ANIMATION */

.footer-slide.active .footer-banner-right img{
animation:imageSlideIn 2s ease forwards;
}

/* TEXT LEFT → RIGHT */

@keyframes textSlideIn{
0%{
opacity:0;
transform:translateX(-120px);
}
100%{
opacity:1;
transform:translateX(0);
}
}

/* IMAGE RIGHT → LEFT */

@keyframes imageSlideIn{
0%{
opacity:0;
transform:translateX(120px);
}
100%{
opacity:1;
transform:translateX(0);
}
}
/* =========================
WHITE FLASH EFFECT
========================= */

.footer-slide{
position:relative;
}

/* white flash layer */

.footer-slide::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#ffffff;
opacity:0;
pointer-events:none;
z-index:5;
}

/* flash animation */

.footer-slide.active::before{
animation:whiteFlash 2s ease;
}

/* animation */

@keyframes whiteFlash{

0%{
opacity:1;
}

100%{
opacity:0;
}

}
/* =========================
FOOTER BANNER ARROWS
========================= */

.footer-arrows{
position:absolute;
top:50%;
left:0;
width:100%;
display:flex;
justify-content:space-between;
transform:translateY(-50%);
z-index:20;
pointer-events:none;
}

.footer-arrow{
pointer-events:auto;
width:55px;
height:55px;
border-radius:50%;
border:none;
background:#ffffff;
color:#000;
font-size:28px;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.25);
transition:all .25s ease;
}

.footer-arrow:hover{
transform:scale(1.15);
background:#000;
color:#fff;
}
/* banner wrapper */

.footer-banner-wrapper{
position:relative;
overflow:hidden;
}

/* slides */

.footer-slide{
opacity:0;
position:absolute;
top:0;
left:0;
width:100%;
transition:opacity 1s ease;
}

.footer-slide.active{
opacity:1;
position:relative;
}

/* arrows */

.footer-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:55px;
height:55px;
border-radius:50%;
border:none;
background:#fff;
color:#000;
font-size:28px;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,0.25);
z-index:50;
transition:all .25s ease;
}

.footer-arrow:hover{
transform:translateY(-50%) scale(1.15);
background:#000;
color:#fff;
}

/* left arrow */

.footer-prev{
left:20px;
}

/* right arrow */

.footer-next{
right:20px;
}

/* ===== FOOTER TOP SPACE REMOVE ===== */

.footer-top{
    padding-top:0px !important;
    margin-top:0px !important;
}

.footer-widget.logo_social{
    padding-top:0px !important;
    margin-top:0px !important;
}

.footer-widget.logo_social img{
    width:110px !important;
    margin-top:0px !important;
    margin-bottom:5px !important;
}

/* logo ke upar ka gap remove */
.footer_logo{
    margin-top:0px !important;
    padding-top:0px !important;
}
.footer_style_3 .footer-widget {
    padding: 10px 40px 10px !important;
}

.footer__top__logo__area .footer_logo img{
    max-width:120px;
}

.footer__top__contact__area{
    margin-top:10px;
}
.footer-widget{
padding-top:0 !important;
}

.footer_logo{
margin-bottom:10px !important;
}
/* ===== FOOTER LOGO TOP FIX ===== */

.theme_footer_top{
padding-top:0 !important;
margin-top:0 !important;
}

.footer__top__area{
padding-top:0 !important;
margin-top:0 !important;
}

/* logo upar */
.footer__top__logo__area{
margin-top:0 !important;
padding-top:0 !important;
}

/* logo size */
.footer__top__logo__area img{
max-width:110px !important;
margin-bottom:10px !important;
}

/* logo aur text ka gap */
.footer__top__contact__area{
margin-top:5px !important;
line-height:1.6 !important;
}

/* footer widget padding remove */
.footer_style_3 .footer-widget{
padding:0 !important;
}
.footer__top__logo__area img{
display:block;
margin:0 auto 5px auto !important;
}

.footer__top__contact__area{
margin-top:0 !important;
}
/* ===== FINAL FOOTER LOGO GAP FIX ===== */

.footer_logo{
display:block !important;
margin:0 !important;
padding:0 !important;
line-height:0 !important;
}

.footer_logo img{
display:block !important;
margin:0 !important;
padding:0 !important;
}

.footer-widget h1,
.footer-widget h2,
.footer-widget h3,
.footer-widget p{
margin-top:0 !important;
}

.footer-widget{
padding-top:0 !important;
}
.product-content h3{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:30px;
}

/* ===== FEATURED COLLECTION GRID FIX ===== */

.product-grid,
.grid{
display:flex;
flex-wrap:wrap;
}

/* equal card height */

.grid__item,
.product-grid-item{
display:flex;
}

/* card layout */

.grid__item .card,
.product-item,
.product-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
height:100%;
width:100%;
}

/* image box fixed */

.product-img,
.card__media,
.product-card__image{
height:260px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

/* image fit */

.product-img img,
.card__media img,
.product-card__image img{
max-height:100%;
width:auto;
object-fit:contain;
}

/* title fix */

.product-content h3{
min-height:42px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.theme-products .product-img img{
width:100%;
height:260px;
object-fit:contain;
}

.theme-products .product-img{
height:260px;
display:flex;
align-items:center;
justify-content:center;
}
/* ===== PERFECT BOOK GRID FIX ===== */

.theme-products .product-wrap{
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
}

/* IMAGE BOX SAME SIZE */

.theme-products .product-img{
height:300px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

/* IMAGE FIT */

.theme-products .product-img img{
width:auto;
height:100%;
max-width:100%;
object-fit:contain;
}

/* TITLE FIXED 2 LINES */

.product-content h3{
min-height:44px;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* CARD HEIGHT SAME */

.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4{
display:flex;
}
/* Book grid fix */

.theme-product-image img{
height:280px;
width:100%;
object-fit:contain;
background:#fff;
}

.theme-product{
height:100%;
display:flex;
flex-direction:column;
}

.theme-product-content{
flex:1;
display:flex;
flex-direction:column;
justify-content:space-between;
}
/* Book grid perfect alignment */

.theme-product {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-product-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-product-image {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-product-image img {
  max-height: 280px;
  width: auto;
  object-fit: contain;
}

.theme-product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.theme-product-title {
  min-height: 48px;
}
/* Book grid fix */

.theme-product-image-wrap {
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-product-image-wrap img {
  max-height: 300px;
  width: auto;
  object-fit: contain;
}

.theme-product {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.theme-product-title {
  min-height: 60px;
}
/* ===== FINAL PRODUCT GRID FIX ===== */

.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4{
display:flex;
}

/* card */

.theme-product{
background:#fff;
border-radius:16px;
padding:20px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
display:flex;
flex-direction:column;
height:100%;
}

/* image area */

.theme-product-image-wrap{
height:320px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

/* image */

.theme-product-image-wrap img{
max-height:300px;
width:auto;
object-fit:contain;
}

/* content */

.theme-product-content{
flex:1;
display:flex;
flex-direction:column;
justify-content:space-between;
}

/* title */

.theme-product-title{
min-height:60px;
line-height:1.4;
}

/* FIRST LEVEL */
.main-menu ul li ul.submenu {
    position: absolute;
    top: 100%;
    left: 0;
}

/* ALL submenu items */
.main-menu ul li ul.submenu li {
    position: relative;
}

/* SECOND + THIRD LEVEL (RIGHT SIDE) */
.main-menu ul li ul.submenu li ul.submenu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(15px);
    transition: 0.3s ease;
    z-index: 999;
}

/* HOVER → SHOW NEXT LEVEL */
.main-menu ul li ul.submenu li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
/* HIDE ALL SUBMENUS BY DEFAULT */
.main-menu ul li ul.submenu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
}

/* SHOW FIRST LEVEL ON HOVER */
.main-menu ul li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* RIGHT SIDE POSITION FIX */
.main-menu ul li ul.submenu li ul.submenu {
    top: 0;
    left: 100%;
    transform: translateX(10px);
}

/* SHOW NEXT LEVEL */
.main-menu ul li ul.submenu li:hover > ul.submenu {
    transform: translateX(0);
}
/* LEVEL 1 (School → CBSE) */
.main-menu ul li {
  position: relative;
}

.main-menu ul li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
}

/* SHOW FIRST LEVEL */
.main-menu ul li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
}

/* LEVEL 2 (CBSE → Class) */
.main-menu ul li ul.submenu li {
  position: relative;
}

/* SECOND LEVEL HIDDEN */
.main-menu ul li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: 0.3s;
}

/* SHOW SECOND LEVEL ON HOVER */
.main-menu ul li ul.submenu li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.main-menu ul li ul.submenu {
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  border-radius: 6px;
}
/* PARENT */
.main-menu ul li {
  position: relative;
}

/* FIRST LEVEL */
.main-menu ul li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #d6e3ec;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 999;
}

/* SHOW FIRST */
.main-menu ul li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
}

/* SECOND LEVEL FIX 🔥 */
.main-menu ul li ul.submenu li {
  position: relative;
}

/* RIGHT SIDE OPEN */
.main-menu ul li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;              /* 🔥 SAME LEVEL ALIGN */
  left: 100%;          /* RIGHT SIDE */
  min-width: 220px;
  background: #d6e3ec;
  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: 0.3s;
}

/* SHOW SECOND LEVEL */
.main-menu ul li ul.submenu li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/* ===== FINAL MENU FIX ===== */

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

.main-menu li {
  position: relative;
}

/* ALL SUBMENUS HIDE */
.main-menu ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background: #ffffff;
  display: none;
  z-index: 999;
}

/* SHOW LEVEL 1 */
.main-menu > li:hover > ul.submenu {
  display: block;
}

/* CHILD ITEMS */
.main-menu ul.submenu li {
  position: relative;
}

/* LEVEL 2 / 3 RIGHT SIDE */
.main-menu ul.submenu li ul.submenu {
  top: 0;
  left: 100%;
}

/* SHOW NEXT LEVEL */
.main-menu ul.submenu li:hover > ul.submenu {
  display: block;
}
/* ===== GRID FIX (FULL WIDTH RESPONSIVE) ===== */

.theme-products .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

/* each product column */
.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4,
.theme-products .col-sm-6 {
  padding: 10px;
  width: 25%;   /* 4 items per row */
}

/* tablet */
@media (max-width: 992px) {
  .theme-products .col-xl-3,
  .theme-products .col-lg-3 {
    width: 33.33%;
  }
}

/* mobile */
@media (max-width: 768px) {
  .theme-products .col-md-4 {
    width: 50%;
  }
}

/* small mobile */
@media (max-width: 480px) {
  .theme-products .col-sm-6 {
    width: 100%;
  }
}

/* FIX CARD WIDTH */
.theme-product {
  width: 100%;
}

/* IMAGE PROPER FIT */
.theme-product-image-wrap img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/* ===== PERFECT GRID FIX ===== */

.theme-products .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4 {
  width: 25%;
  padding: 10px;
}

/* laptop */
@media (max-width: 1200px) {
  .theme-products .col-xl-3 {
    width: 33.33%;
  }
}

/* tablet */
@media (max-width: 992px) {
  .theme-products .col-lg-3 {
    width: 50%;
  }
}

/* mobile */
@media (max-width: 600px) {
  .theme-products .col-md-4 {
    width: 100%;
  }
}

/* card fix */
.theme-product {
  width: 100%;
  height: 100%;
}
.theme-product-buttons {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ADD TO CART */
.btn-add-cart {
  width: 100%;
  padding: 12px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}

.btn-add-cart:hover {
  background: #333;
}

/* BUY NOW */
.btn-buy-now {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg,#ff7a00,#ffd000);
  color: #000;
  text-align: center;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
}

.btn-buy-now:hover {
  transform: scale(1.05);
}
/* ===== FINAL GRID LOCK (NO BREAK) ===== */

.theme-products {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* force 4 cards */
.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4 {
  width: 25% !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* spacing fix */
.theme-products .row {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4 {
  padding: 8px !important;
}

/* card fix */
.theme-product {
  width: 100% !important;
}

/* image stable */
.theme-product-image-wrap {
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-product-image-wrap img {
  max-height: 100%;
  object-fit: contain;
}
/* ===== FINAL GRID LOCK (NO FLUCTUATION) ===== */

.container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.theme-products {
  max-width: 1200px !important;
  margin: auto !important;
}

/* FORCE 4 CARDS */
.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4 {
  width: 25% !important;
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

/* SPACING FIX */
.theme-products .row {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.theme-products .col-xl-3,
.theme-products .col-lg-3,
.theme-products .col-md-4 {
  padding: 8px !important;
}

/* IMAGE STABLE */
.theme-product-image-wrap {
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-product-image-wrap img {
  max-height: 100%;
  object-fit: contain;
}

/* ===== FINAL BANNER HEIGHT (IMPROVED) ===== */

.single-banner{
  height:480px !important;   /* 🔥 thodi badi */
  max-height:460px !important;
}

.banner-inner{
  height:100% !important;
}

.banner-right{
  height:100% !important;
}

/* image size control */
.banner-right img{
  max-height:400px !important;
  width:auto !important;
  object-fit:contain !important;
}

/* text spacing */
.banner-text h2{
  font-size:38px !important;
}

.banner-text p{
  font-size:15px !important;
}

/* MOBILE */
@media(max-width:768px){
  .single-banner{
    height:280px !important;
  }

  .banner-right img{
    max-height:200px !important;
  }

  .banner-text h2{
    font-size:24px !important;
  }
}
/* ===== FORCE TEXT + BUTTON DOWN ===== */

.banner-left{
  position:absolute !important;
  bottom:20px !important;   /* 🔥 niche control */
  left:60px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

/* REMOVE UP SHIFT */
.banner-text{
  margin-top:0 !important;
  top:0 !important;
  transform:none !important;
}
/* ===== BUTTON EXACT BOTTOM LEFT ===== */

.banner-left{
  position:relative !important;   /* parent */
}

.ban_btn1{
  position:absolute !important;
  bottom:5px !important;   /* 🔥 yaha se adjust */
  left:0 !important;
}
/* ===== SMOOTH PREMIUM FLASH ===== */

.footer-slide.active::before{
  animation:whiteFlash 4s ease-in-out !important;
}
/* ===== FIX ARROW CUT ISSUE ===== */

/* parent ko visible karo */
.single-banner{
  overflow:visible !important;
}

/* arrows ko andar lao */
.banner-arrow.left{
  left:10px !important;   /* pehle -15px tha */
}

.banner-arrow.right{
  right:10px !important;  /* pehle -15px tha */
}
/* ===== FORCE SHOW ARROWS IN KIDS SECTION ===== */

.kids-slider .slick-arrow,
.kids-slider .owl-nav,
.kids-slider .banner-arrow{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:999 !important;
}

/* arrow position */
.kids-slider .slick-prev,
.kids-slider .banner-arrow.left{
  left:10px !important;
}

.kids-slider .slick-next,
.kids-slider .banner-arrow.right{
  right:10px !important;
}
/* ===== HOVER ARROWS FIX (ALL SECTIONS) ===== */

/* hide by default */
.product-dec-icon{
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}

/* show on hover */
.common_slick_slider:hover .product-dec-icon{
  opacity:1 !important;
  visibility:visible !important;
}    .product-dec-prev{
  left:10px !important;
  z-index:99;
}

.product-dec-next{
  right:10px !important;
  z-index:99;
}   .product-dec-icon{
  display:block !important;
}  
/* ===== FINAL ARROW FIX (CLEAN) ===== */

/* hide arrows by default */
.product-dec-icon{
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}

/* show on ACTUAL slider hover */
.theme-products:hover .product-dec-icon{
  opacity:1 !important;
  visibility:visible !important;
}

/* position fix */
.product-dec-prev{
  left:15px !important;
  z-index:99;
}

.product-dec-next{
  right:15px !important;
  z-index:99;
}  
/* ===== KIDS SLIDER ARROW FIX ===== */

/* hide by default */
.kids-slider .banner-arrow{
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}

/* show on hover */
.kids-slider:hover .banner-arrow{
  opacity:1 !important;
  visibility:visible !important;
}

/* position fix */
.kids-slider .banner-arrow.left{
  left:10px !important;
}

.kids-slider .banner-arrow.right{
  right:10px !important;
}
/* ===== FORCE ARROWS IN BOOKS SLIDER ===== */

/* arrows always visible */
.product-dec-icon{
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  z-index:9999 !important;
}

/* arrow size + style */
.product-dec-icon{
  width:45px;
  height:45px;
  background:#000;
  color:#fff;
  border-radius:50%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

/* position fix */
.product-dec-prev{
  position:absolute;
  left:10px !important;
  top:50%;
  transform:translateY(-50%);
}

.product-dec-next{
  position:absolute;
  right:10px !important;
  top:50%;
  transform:translateY(-50%);
}

/* parent relative */
.product-area{
  position:relative;
}
/* ===== FORCE BOOKS ARROWS SHOW ===== */

.product-dec-icon{
  opacity:1 !important;
  visibility:visible !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

/* position fix */
.product-dec-prev{
  left:10px !important;
}

.product-dec-next{
  right:10px !important;
}
.slider-area {
    margin-bottom: 50px !important;
}

.product-area {
    padding-top: 20px !important;
}
.footer-top-2 {
    padding-top: 40px !important;
}

.footer-widget {
    margin-bottom: 30px !important;
}
a[href*="wa.me"]{
    position: fixed !important;
    right: 20px !important;   /* 👉 RIGHT SIDE */
    left: auto !important;    /* 👉 LEFT remove */
    bottom: 80px !important;  /* 👉 thoda upar (arrow se bachne ke liye) */
    z-index: 9999 !important;
}
.scroll-top,
.scroll-up,
#scrollUp,
.back-to-top {
    display: none !important;
}
/* ===== FULL WIDTH GRID ===== */

.container-fluid{
  width:100% !important;
  max-width:100% !important;
}

/* GRID CENTER */

.theme-products{
  max-width:1200px;
  margin:auto;
}

/* 4 PRODUCTS PER ROW */

.theme-products .col-xl-3,
.theme-products .col-lg-3{
  width:25% !important;
  flex:0 0 25% !important;
  max-width:25% !important;
}

/* TABLET */

@media(max-width:992px){
  .theme-products .col-lg-3{
    width:33.33% !important;
    flex:0 0 33.33% !important;
    max-width:33.33% !important;
  }
}

/* MOBILE */

@media(max-width:768px){
  .theme-products .col-md-4{
    width:50% !important;
    flex:0 0 50% !important;
    max-width:50% !important;
  }
}

@media(max-width:480px){
  .theme-products .col-sm-6{
    width:100% !important;
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}

/* CARD FIX */

.theme-product{
  height:100%;
  display:flex;
  flex-direction:column;
}

/* IMAGE FIX */

.theme-product-image-wrap{
  height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.theme-product-image-wrap img{
  max-height:100%;
  object-fit:contain;
}
/* GRID WIDTH THODA CHOTA */
.theme-products{
  max-width:1000px;   /* pehle 1200 tha */
  margin:auto;
}

/* CARD SIZE SMALL */
.theme-product{
  padding:15px !important;   /* pehle 20 tha */
}

/* IMAGE SIZE SMALL */
.theme-product-image-wrap{
  height:220px !important;   /* pehle 280-300 tha */
}

/* TITLE SMALL */
.theme-product-title{
  font-size:14px !important;
}

/* PRICE SMALL */
.theme-product-content .price{
  font-size:14px !important;
}
body{
  padding-top:100px !important;   /* navbar height ke hisaab se */
}
.theme-products .col-xl-3,
.theme-products .col-lg-3{
  width:20% !important;   /* 5 books */
  flex:0 0 20% !important;
  max-width:20% !important;
}
/* REMOVE GAP ABOVE NAVBAR */
.header-area{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* FORCE HEADER TOP */
.header-area,
.top_logo_area,
.bottom_area{
  position:relative;
  top:0;
}

/* REMOVE BODY GAP */
body{
  margin:0 !important;
  padding:0 !important;
}

/* REMOVE ANY EXTRA SPACE */
.wrapper{
  margin-top:0 !important;
  padding-top:0 !important;
}
/* REMOVE GAP BELOW BANNER */
.slider-area,
.hero-slider-area{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* REMOVE EXTRA SPACE */
.single-slider{
  margin-bottom:0 !important;
}

/* NEXT SECTION UPPER SHIFT */
.section-title{
  margin-top:20px !important;   /* adjust kar sakta hai (0 bhi kar sakta hai) */
}
/* Parent menu fix */
.main-menu > nav > ul > li {
  position: relative;
}

/* First submenu (left side wala) */
.main-menu > nav > ul > li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
}

/* Second level submenu (Class wala RIGHT side) */
.main-menu > nav > ul > li ul.submenu li {
  position: relative;
}

.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;   /* 🔥 ye sabse important */
  width: 220px; /* same size as menu */
  margin: 0;
}

/* Optional: clean spacing */
.main-menu ul.submenu li a {
  padding: 10px 15px;
  display: block;
}
/* Second level submenu (Class wala compact) */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 180px; /* chota width */
  max-height: none; /* scroll remove */
  overflow: visible; /* scroll remove */
  padding: 10px 0;
}

/* Items ko compact bana */
.main-menu ul.submenu li a {
  padding: 6px 12px; /* height kam */
  font-size: 13px;   /* text chota */
}

/* Gap kam kar */
.main-menu ul.submenu li {
  margin: 0;
}
/* Parent fix */
.main-menu > nav > ul > li {
  position: relative;
}

/* First dropdown */
.main-menu > nav > ul > li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #fff;
  border-radius: 12px;
  padding: 15px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Second level (RIGHT SIDE CARD) */
.main-menu > nav > ul > li ul.submenu li {
  position: relative;
}

.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  display: grid;
  grid-template-columns: 1fr 1fr; /* 🔥 2 column */
  gap: 5px 10px;
}

/* Items styling */
.main-menu ul.submenu li ul.submenu li {
  width: 100%;
}

.main-menu ul.submenu li ul.submenu li a {
  padding: 8px 10px;
  font-size: 14px;
  border-radius: 6px;
  transition: 0.3s;
}

/* Hover effect */
.main-menu ul.submenu li ul.submenu li a:hover {
  background: #f5f5f5;
}

/* Arrow icon (optional look like 2nd image) */
.main-menu ul.submenu li > a::after {
  content: "›";
  float: right;
  font-size: 14px;
}
/* Second level submenu */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  display: grid;
  grid-template-columns: 1fr 1fr; /* 🔥 2 column */
  gap: 5px 10px;

  max-height: 320px;   /* 🔥 height control */
}

/* items compact */
.main-menu ul.submenu li ul.submenu li a {
  padding: 6px 10px;
  font-size: 13px;
}
/* =========================
HEADER FIX (IMPORTANT)
========================= */
.header-area {
  position: relative;
  z-index: 9999;
  overflow: visible !important;
}

/* =========================
MAIN MENU FIX
========================= */
.main-menu {
  position: relative;
  overflow: visible !important;
}

.main-menu > nav > ul > li {
  position: relative;
}

/* =========================
FIRST SUBMENU (LEFT BOX)
========================= */
.main-menu > nav > ul > li ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #fff;
  border-radius: 12px;
  padding: 15px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  z-index: 9999;
}

/* =========================
SECOND SUBMENU (RIGHT BOX)
========================= */
.main-menu > nav > ul > li ul.submenu li {
  position: relative;
}

.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  z-index: 9999;

  /* 🔥 2 column layout */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 10px;
}

/* =========================
ITEM STYLE
========================= */
.main-menu ul.submenu li ul.submenu li a {
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 6px;
  display: block;
  transition: 0.3s;
}

.main-menu ul.submenu li ul.submenu li a:hover {
  background: #f5f5f5;
}

/* =========================
ARROW ICON
========================= */
.main-menu ul.submenu li > a::after {
  content: "›";
  float: right;
  font-size: 14px;
}

/* =========================
BANNER OVERFLOW FIX
========================= */
.banner-area {
  overflow: visible !important;
}
/* SECOND SUBMENU FIX */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  z-index: 9999;

  display: grid;
  grid-template-columns: 1fr 1fr;

  /* 🔥 IMPORTANT FIX */
  height: auto;        /* auto height */
  max-height: none;    /* no cut */
  overflow: visible;   /* no hide */
}

/* items compact */
.main-menu ul.submenu li ul.submenu li a {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.2;
}
/* SECOND SUBMENU COMPACT BOX */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 240px; /* thoda chota */
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  z-index: 9999;

  /* 🔥 2 column compact */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 8px;
}

/* ITEMS COMPACT */
.main-menu ul.submenu li ul.submenu li a {
  padding: 4px 6px;   /* height kam */
  font-size: 12px;    /* text chota */
  line-height: 1.1;
  border-radius: 5px;
}

/* HOVER */
.main-menu ul.submenu li ul.submenu li a:hover {
  background: #f2f2f2;
}
/* RIGHT SUBMENU CARD (FIXED HEIGHT LIKE PIC 1) */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  height: 340px; /* 🔥 FIXED HEIGHT */
  background: #fff;
  border-radius: 14px;
  padding: 15px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  z-index: 9999;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 12px;

  overflow: hidden; /* 🔥 no overflow बाहर */
}

/* ITEMS PERFECT FIT */
.main-menu ul.submenu li ul.submenu li a {
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.2;
  border-radius: 6px;
  display: block;
}

/* HOVER CLEAN */
.main-menu ul.submenu li ul.submenu li a:hover {
  background: #f3f3f3;
}
/* ===== FINAL PERFECT FIT ===== */

.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 260px;
  height: 340px; /* same box */
  background: #fff;
  border-radius: 14px;
  padding: 10px; /* 🔥 padding kam */
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  z-index: 9999;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 8px; /* 🔥 gap kam */

  overflow: hidden;
}

/* ITEMS SMALL + FIT */
.main-menu ul.submenu li ul.submenu li a {
  padding: 4px 6px;   /* 🔥 height kam */
  font-size: 12px;
  line-height: 1;     /* 🔥 tight */
  border-radius: 5px;
}
/* GRID GAP KAM KAR */
.main-menu > nav > ul > li ul.submenu li ul.submenu {
  gap: 2px 6px !important; /* 🔥 vertical + horizontal gap kam */
  padding: 8px !important; /* box ke andar spacing kam */
}

/* ITEM HEIGHT KAM */
.main-menu ul.submenu li ul.submenu li a {
  padding: 3px 6px !important;  /* 🔥 sabse important */
  font-size: 12px;
  line-height: 1 !important;
  margin: 0 !important;
}

/* LIST ITEM GAP REMOVE */
.main-menu ul.submenu li ul.submenu li {
  margin: 0 !important;
  padding: 0 !important;
}
/* ===== AUTO HEIGHT SUBMENU ===== */

.main-menu > nav > ul > li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 240px;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  z-index: 9999;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 8px;

  height: auto;        /* 🔥 AUTO HEIGHT */
  max-height: none;    /* 🔥 NO LIMIT */
  overflow: visible;   /* 🔥 NO CUT */
}
/* LEVEL 3 */
.main-menu ul.submenu li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 220px;
  background: #fff;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  opacity: 0;
  visibility: hidden;
  transform: translateX(10px);
  transition: 0.3s;
}

/* SHOW ON HOVER */
.main-menu ul.submenu li ul.submenu li:hover > ul.submenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
/* MAIN MENU */
nav ul li {
  position: relative;
}

/* LEVEL 1 (first dropdown) */
nav ul li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  z-index: 999;
}

/* SHOW LEVEL 1 */
nav ul li:hover > .submenu {
  display: block;
}

/* LEVEL 2 + LEVEL 3 (RIGHT SIDE OPEN) */
.submenu li > .submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  z-index: 999;
}

/* SHOW LEVEL 2 & 3 */
.submenu li:hover > .submenu {
  display: block;
}

/* OPTIONAL SPACING */
.submenu {
  min-width: 220px;
}

.submenu li {
  position: relative;
}
/* LEVEL 2 + LEVEL 3 (RIGHT SIDE - NO GAP) */
.submenu li > .submenu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0; /* 🔥 gap remove */
  display: none;
  z-index: 999;
}
/* PARENT FIX */
.main-menu > nav > ul > li {
  position: relative;
}

/* FIRST DROPDOWN */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #d6e3ec;
  z-index: 999;
}

/* 🔥 IMPORTANT: FIXED RIGHT PANEL */
.main-menu > nav > ul > li > ul.submenu {
  position: relative; /* 🔥 KEY CHANGE */
}

/* SECOND LEVEL (FIXED SAME POSITION) */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute;
  top: 0;          /* 🔥 ALWAYS TOP SAME */
  left: 240px;     /* 🔥 FIXED DISTANCE (match width) */
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  display: none;
  z-index: 9999;
}

/* SHOW */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block;
}
/* ===== CLEAN MENU SYSTEM ===== */

/* PARENT */
.main-menu > nav > ul > li {
  position: relative;
}

/* FIRST LEVEL */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #d6e3ec;
  display: none;
  z-index: 9999;
}

/* SHOW FIRST */
.main-menu > nav > ul > li:hover > ul.submenu {
  display: block;
}

/* IMPORTANT: parent box banaye */
.main-menu > nav > ul > li > ul.submenu {
  position: relative;
}

/* SECOND LEVEL (FIXED RIGHT PANEL) */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute;
  top: 0;              /* 🔥 ALWAYS SAME POSITION */
  left: 240px;         /* 🔥 FIXED RIGHT */
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  display: none;
}

/* SHOW SECOND */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block;
}
/* ===== RESET MENU ===== */

/* parent */
.main-menu > nav > ul > li {
  position: relative;
}

/* FIRST DROPDOWN */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #d6e3ec;
  display: none;
  z-index: 9999;
}

/* SHOW FIRST */
.main-menu > nav > ul > li:hover > ul.submenu {
  display: block;
}

/* SECOND LEVEL (RIGHT SIDE FIXED) */
.main-menu > nav > ul > li > ul.submenu > li {
  position: relative;
}

.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute;
  top: 0;
  left: 100%;   /* 🔥 right side */
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  display: none;
}

/* SHOW SECOND */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block;
}
/* PARENT */
.main-menu > nav > ul > li {
  position: relative;
}

/* FIRST MENU */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  background: #d6e3ec;
  display: none;
  z-index: 9999;
}

/* SHOW FIRST */
.main-menu > nav > ul > li:hover > ul.submenu {
  display: block;
}

/* 🔥 KEY FIX: MAKE LEFT PANEL BASE */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute;
}

/* SECOND MENU (FIXED SAME POSITION) */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute;
  top: 0;          /* 🔥 ALWAYS TOP SAME */
  left: 100%;      /* RIGHT SIDE */
  width: 260px;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  display: none;
}

/* SHOW SECOND */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block;
}
/* ===== FORCE FIX RIGHT SIDE PANEL ===== */

/* FIRST MENU */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
}

/* PARENT FIX */
.main-menu > nav > ul > li > ul.submenu > li {
  position: static !important;  /* 🔥 IMPORTANT */
}

/* SECOND MENU FIX (RIGHT SIDE SAME POSITION) */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute !important;
  top: 0 !important;          /* 🔥 ALWAYS TOP */
  left: 100% !important;      /* RIGHT SIDE */
  margin-top: 0 !important;
  display: none;
  z-index: 99999;
}

/* SHOW */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block !important;
}
/* RIGHT SUBMENU GAP + COLOR FIX */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
 
  background: #d6e3ec !important;      /* 🔥 same bg color */
}
/* ALL ITEMS DEFAULT */
.main-menu ul.submenu li a {
  display: block;
  padding: 6px 10px;
  font-size: 13px;
  transition: all 0.25s ease;
}

/* 🔥 WHEN HOVER ON LIST (OTHERS FADE + SMALL) */
.main-menu ul.submenu:hover li a {
  opacity: 0.5;
  transform: scale(0.95);
}

/* 🔥 ACTIVE HOVER ITEM */
.main-menu ul.submenu li:hover > a {
  opacity: 1 !important;
  transform: scale(1.08);     /* bada */
  font-weight: 700;           /* bold */
  color: #ff3c00;             /* highlight color */
}
/* PARENT BOX FIX */
.main-menu > nav > ul > li > ul.submenu {
  position: relative;
  overflow: visible;   /* 🔥 important */
}

/* RIGHT SUBMENU CONTROL */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);  /* thoda gap + control */
  max-width: 260px;

  /* 🔥 prevent overflow issue */
  right: auto;
}


@media (max-width: 1200px) {
  .main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
    left: auto;
    right: 100%;  /* 🔥 reverse side open */
  }
}
/* =========================
FINAL CLEAN MENU SYSTEM
========================= */

/* HEADER SAFE */
.header-area,
.main-menu {
  position: relative;
  z-index: 9999;
  overflow: visible !important;
}

/* PARENT */
.main-menu > nav > ul > li {
  position: relative;
}

/* =========================
LEVEL 1 (LEFT PANEL)
========================= */
.main-menu > nav > ul > li > ul.submenu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 240px;
  background: #d6e3ec;
  border-radius: 12px;
  padding: 10px 0;
  display: none;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* SHOW LEVEL 1 */
.main-menu > nav > ul > li:hover > ul.submenu {
  display: block !important;
}

/* 🔥 IMPORTANT FIX */
.main-menu > nav > ul > li > ul.submenu > li {
  position: static !important;
}

/* =========================
LEVEL 2 (RIGHT PANEL FIXED)
========================= */
.main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 12px) !important; /* gap */
  width: 260px;

  background: #d6e3ec;
  border-radius: 12px;
  padding: 10px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.18);

  display: none;
  z-index: 99999;
}

/* SHOW LEVEL 2 */
.main-menu > nav > ul > li > ul.submenu > li:hover > ul.submenu {
  display: block !important;
}

/* =========================
LEVEL 3 (NEXT RIGHT)
========================= */
.main-menu ul.submenu li ul.submenu li ul.submenu {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  width: 220px;
  background: #d6e3ec;
  border-radius: 10px;
  padding: 8px;
  display: none;
}

/* SHOW LEVEL 3 */
.main-menu ul.submenu li ul.submenu li:hover > ul.submenu {
  display: block;
}

/* =========================
ITEM STYLE
========================= */
.main-menu ul.submenu li a {
  display: block;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 6px;
  transition: all 0.25s ease;
}

/* =========================
HOVER EFFECT (PREMIUM)
========================= */

/* all fade */
.main-menu ul.submenu:hover li a {
  opacity: 0.5;
  transform: scale(0.95);
}

/* active item */
.main-menu ul.submenu li:hover > a {
  opacity: 1 !important;
  transform: scale(1.08);
  font-weight: 700;
  color: #ff3c00;
  background: #ffffff;
}

/* =========================
MOBILE SAFETY
========================= */
@media (max-width: 1200px) {
  .main-menu > nav > ul > li > ul.submenu > li > ul.submenu {
    left: auto !important;
    right: calc(100% + 10px) !important;
  }
}