@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.woff2') format('woff2'),
        url('../fonts/Ubuntu-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('../fonts/Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('../fonts/Ubuntu-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{font-family:var(--regular-font);font-size:1.6rem;margin:0;padding:0}
:root{--color-primary:#1e99d6;--color-black:#000;--color-white:#fff;--regular-font:"Ubuntu",sans-serif;--heading-font:"Ubuntu",sans-serif}
html{font-size:62.5%;scroll-behavior:smooth}
.container{max-width:1400px;margin:auto}
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font); margin: 0}
p, ul, ol { margin-bottom: 1rem;}
.py-6{padding-top:6rem;padding-bottom:6rem}
.custom-header{background:0 0/cover #1e99d6;height:100vh;padding-top:0;display:flex;overflow:hidden;position:relative}
.custom-header .logo-content{max-width:300px}
.custom-header .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;color:#fff}
.content-header{width:100%;position:absolute;z-index:2;top:0;display:flex;align-items:center;height:100%}
.content-header .right-column{display:flex;align-items:baseline;justify-content:center}
.content-header .minky{max-width:180px}.content-header .minku,body .main-logo{max-width:250px}
.content-header h2{font-size:80px;font-family:var(--heading-font);font-weight:700}
.content-header h3{font-size:6rem}.content-header h2 span{color:#03354d}
.content-header p,.single-container h5{font-size:20px}
.app-btn{display:inline-flex;color:#fff!important;background:#fff;padding:8px 6px !important;border-radius:10px;align-items:center;gap:6px;width:164px;border:1px solid #fff}
.app-btn img{max-width:30px}
.app-btn span{line-height:normal;color:#625e5e;font-size:13px}
.app-btn span p{margin:0;padding:0;color:#000;font-size:18px;font-weight:500}
.btn,.contact-wrapper input[type=submit]{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;font-family:var(--regular-font);color:#000!important;font-size:20px;background:linear-gradient(to right,#e8c57d 0,#fd7577 100%);padding:1.5rem 4rem;text-decoration:none;font-weight:700}
.btn:hover,.contact-wrapper input[type=submit]:hover{background:#fc7677!important;text-decoration:none}
.site-branding{display:flex;align-items:center;justify-content:space-between}
footer img.custom-logo{width:50px}
.section-two .container,footer .site-info{display:flex;justify-content:space-between;align-items:center}
.main-navigation .main-menu>li>a{font-weight:600;color:#fff;margin-right:1.5rem;font-size:18px}
.main-navigation .main-menu>li>a:hover,.main-navigation .main-menu>li>a:hover+svg{color:#fc7677}
.site-logo .custom-logo-link{border-radius:0;width:100px;height:auto}
.site-header{padding:1.5rem 0}
.section-two{color:#000;position:relative;height:auto;display:block;overflow:hidden;background-color:#ededed}
.entry .entry-footer,.entry-meta svg,.lwptoc_toggle,.section-three .swiper-button-next,.section-three .swiper-button-prev,.section-two .mobile{display:none}
.faq-wrapper h2,.section-five h2,.section-four h2,.section-three h2,.section-two h2,.video-trailer-wrapper h2{font-weight:700;font-size:4rem;margin-bottom:3rem}
.swiper-pagination-bullet{width:6px!important;height:6px!important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:7px!important;height:7px!important}
.faq-wrapper{ background: transparent;color-scheme:var(--color-white)}
.faq-wrapper h2{margin-bottom:3rem}
.contact-wrapper,body.archive .link-btn button a, .page-id-820 .link-btn button a{color:#000}
.contact-wrapper .address{font-size:clamp(18px, 20px, 3vw)}
.contact-wrapper h3{font-size:4rem;font-weight:700}
.contact-wrapper .footer-logo{max-width:200px}
.contact-wrapper .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:3rem}
#user-registration input[type=password],#user-registration input[type=text],.contact-wrapper .form-control,.contact-wrapper form input[type=email],.contact-wrapper form input[type=text],.contact-wrapper form input[type=url],.contact-wrapper input[type=tel],.contact-wrapper select,.contact-wrapper textarea{height:50px; width:100%;background:rgba(255,255,255,.04);border:1px solid;border-radius:5px;font-weight:400;font-size:14px;letter-spacing:.02em;color:#333;padding:10px 15px;font-family:Roboto}
.post-contnt h2, .post-contnt h3, .post-contnt h4{padding-top:5px;padding-bottom: 15px;}
.single-container h2,.single-container h2 span{font-weight:600!important}
.socail-links a{width:4rem;height:4rem;border:1px solid #fff;color:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:16px}
.contact-form{display:flex;justify-content:space-between;flex-wrap:wrap}.contact-form .half{width:48%}
.contact-form .full,.f-col video,.main-logo img{width:100%}.foot-left{font-size:16px}
.custom-widget-class{margin-bottom:0}
.vision-wrapper{display:flex;max-width:1000px!important;margin:auto!important}
.vision-box{background:#3f79b5;color:#fff;padding:20px 100px 20px 20px;border-radius:30px;width:60%}
.vision-image{width:70%;margin:0 0 0 -100px;align-self:center}
.vision-image img{width:70%;border:10px solid #3dd7e4;border-radius:30px}
.entry .entry-content>*,.scroller{max-width:100%}
body .post-navigation .nav-links a .meta-nav{color:#fff;user-select:none;background:#2d4b68;font-size:10px;text-transform:uppercase;padding:3px 6px;display:inline-block;margin-bottom:7px}
.main-menu-more,body .post-navigation .nav-links a .meta-nav::after,
body .post-navigation .nav-links a .meta-nav::before,h1:not(.site-title)::before,h2::before{display:none!important}
body .post-navigation .nav-links a .post-title{hyphens:auto;}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner{filter:inherit}
.image-filters-enabled .entry .post-thumbnail:after{background:0 0;mix-blend-mode:inherit}
.archive-grid .entry .entry-summary,body.page .entry .entry-content,
body.page .entry .entry-summary{max-width:100%;padding:0;margin:0}
.ChapterTrailerSwiper{display:grid;grid-template-columns:repeat(auto-fit,minmax(337px,1fr));gap:20px}
.ChapterTrailerSwiper video{width:100%;height:auto}.ChapterTrailerSwiper .last-child{grid-column:2}
.video-trailer-wrapper{background:url(../images/chapter-bg.webp)no-repeat center top/cover }
header#masthead{background:0 0;padding:0; position: fixed; top: 0}
body.page .entry .entry-header{margin:calc(3 * 1rem) 0 1rem;padding:1.5rem 0rem;color:#eee;    font-size: 1.75cqw;}
body.category .page-header, .page-id-820 .page-header{margin:calc(3 * 1rem) 0 3rem} 
.page-id-820 .page-header h1{font-size:3em;font-weight:500;font-family:var(--heading-font);color:#000!important}
.scroller{position:absolute;bottom:-10px;opacity:0}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);opacity:1;mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}
.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,80s) var(--_animation-direction,forwards) linear infinite}
.scroller[data-direction=right]{--_animation-direction:reverse}
.scroller[data-direction=left]{--_animation-direction:forwards}
.scroller[data-speed=fast]{--_animation-duration:60s}
.scroller[data-speed=slow]{--_animation-duration:100s}
@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}
.scroller[data-animated=true] .scroller__inner img{display:inline-block;margin-right:-4px}
.banner_slider{display:flex;position:relative}
.banner_slider::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:475px;height:475px;border-radius:100%;background-color:#41a0dc;z-index:-5}
.banner_slider .left_icon{position:absolute;left:15px;bottom:70px;z-index:9999}
.banner_slider .right_icon{position:absolute;right:15px;top:70px}
.banner_slider #frmae_slider{width:305px;margin:0 auto;border-radius:40px;overflow:hidden}
.banner_slider #frmae_slider::before{content:"";position:absolute;left:5px;top:5px;width:calc(100% - 10px);height:92%}
.banner_slider .slider_frame{z-index:999;width:315px;overflow:hidden;border-radius:30px}
.owl-carousel .owl-dots{display:flex;align-items:center;justify-content:center;position:relative;margin-top:20px}.owl-dots{margin-top:40px}
.owl-carousel .owl-dots button{display:block;width:15px;height:15px;background-color:#41a0dc;border-radius:15px;margin:0 5px}
.logo-main img{max-width:350px}.downloa-app{display:flex;align-items:center;gap:0 6px}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.f-col img,.f-col video{border-radius:30px;border:1px solid #fff}
.contact-grid.container{grid-template-columns:1fr 1fr;margin-top:35px}
.contact-grid.container div{text-align:center;background-image:linear-gradient(45deg,#d9f8ff,#f5fdff);border-radius:20px;box-shadow:3px 3px 4px #adc3c8;padding:10px}
.page-id-31 .contact-wrapper>.container{grid-template-columns:1fr 1.1fr}
.refund-title{margin-bottom:12px!important;font-size:16px}
footer.site-footer{background-color:#2d4b68}
#colophon .site-info{gap:20px}#colophon .site-info a{color:#fff!important}
#colophon .site-info .foot-left a{border-right:1px solid #f9f9f9;padding-right:15px;font-size:15px}
#colophon .site-info .foot-left li:last-child a{border-right:none}
#colophon .site-info a:hover{color:#60ccff!important;border-color:#60ccff!important}
.page-id-18 .entry-content ol>li,.page-id-3 .entry-content ol>li,.page-id-56 .entry-content ol>li{margin-bottom:20px;}
.downloa-app.v1{flex-wrap:wrap}.site-branding{margin:0 auto;max-width:1430px;padding:0 15px}
#mega-menu-wrap-menu-1{background:0 0!important}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{border-radius: 0 0 10px 10px;overflow: hidden; border: 1px solid #666;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:focus,#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover{color:#fff;text-decoration:none; background: transparent;}

/* Replace dashicons dropdown indicator with inline SVG caret */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{
    content: "" !important;
    font-family: inherit !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("../images/down-chevron.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    vertical-align: middle;
    margin-left: 2px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.site-header{background:#000322!important;position:sticky;width:100%;top:0;z-index:99999}
.home .site-header .site-branding-container{display:block}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link{background:0 0}
body.archive .below, .page-id-820 .below{flex:0 1 fit-content;display:flex;align-items:center}
body.archive .line, .page-id-820 .line{height:1rem;width:.18em;margin-right:.5rem;background-color:currentcolor}
body.archive .date, .page-id-820 .date{flex:1 1 0%;font-size:1em;line-height:1.15em;font-weight:300}
body.archive .link-btn, .page-id-820 .link-btn{transform-origin:right bottom 0px}
body.archive .link-btn button, .page-id-820 .link-btn button{pointer-events:auto;border-radius:150px;width:48px;height:40px;display:flex;justify-content:center;align-items:center;color:currentcolor;background-color:rgba(0,0,0,.2);transition:background-color .5s,color .5s}
.archive-grid { margin-bottom: 5rem; position: relative; display: grid; margin-top: 4.56rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr);
    gap: 3.06rem;border-radius: 7px; width: 100%; margin-left: auto; margin-right: auto;}
.archive-grid article.post.status-publish:hover .link-btn button{background-color:#1e99d6;color:#fff}
body.archive .link-btn button svg, .page-id-820 .link-btn button svg{width:12px;height:12px}
.archive-grid article.post.status-publish:hover{background-color:#e9e0d5;box-shadow:rgba(0,0,0,.4) 2.3rem 1.25rem 5.5rem,rgba(255,255,255,.373) 0 0 0 2px inset;color:#000}
.right-sidebar{min-width:330px;display:block;background:#ffffff40;padding:15px;border-radius:16px;box-shadow:0 5px 20px 0 rgba(114,114,255,.12);border-top:5px solid var(--color-primary)}
.right-sidebar-inner{position:sticky;top:90px;width:300px}
.single-post .site-content{overflow:unset}.entry-meta span a{color:#fff;font-size:16px;margin-right:15px;border-right:1px solid #fff;padding-right:15px}
.single-container{display:flex;gap:5rem;position:relative}
.single-container .lwptoc{min-width:210px;display:block}
.lwptoc_item{margin-top:12px!important}
.single-container .lwptoc>div{position:sticky;top:30px}
.download-cta>div.sidebann{ background: url("../images/hero-bg.jpg") center/cover; background-size: cover; background-blend-mode: overlay;padding: 20px; border-radius: 7px; text-align: center; color: #ffffff; border: 2px solid #e0bf70; margin-top: 20px;}
.download-cta p{font-size:15px;margin-top:25px}.download-cta .app-btn{width:auto!important;justify-content:center;text-align:left;border-radius:5px;box-shadow:0 0 10px 0 #0005;margin:0 auto}
.download-cta>div.sidebann>img{padding-top:20px}
.download-cta span.app-btn {background: #fff !important;}
.download-cta h3 {
    text-shadow: 1px 1px #000000, -1px -1px #000000, 2px 2px #000000, 3px 3px #000000, 4px 4px #000000, 5px 5px 9px #294e75;
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.download-cta>a div > p {text-shadow: 1px 1px #000; font-weight:600;}
.download-cta img{display: inline-block;}
.free-chapters video{width:100%;border-radius:7px;margin-top:10px}
.single-container .right-sidebar h3.ht{font-size:24px;border-bottom:2px solid var(--color-primary);padding-bottom:10px; padding-top: 15px;}
.cta-aside-1 .downloa-app.v1{flex-wrap:nowrap}.cta-aside-1 .downloa-app.v1>img{filter:contrast(1.2)}
.cta-aside-1 h4{font-weight:800!important;text-align:center;font-size:26px;color:#2d00ff;-webkit-text-stroke-width:medium;-webkit-text-stroke-color:#2d00ff;margin-bottom:1px;text-shadow:2px 1px 2px #9c9c9c}
.vision-row{max-width: 90%; margin: auto;}
.single-ncert-solutions .side-left-br{display: none !important;}
.ncert-solutions figure{width: auto !important;}
.std-view-outer { width: 100%; height: 100%;}
.std-view-outer video {
	  width: 100%;
    aspect-ratio: 1/1;
    border-radius: 15px;
    border:2px solid #dfab4e;
    background: linear-gradient(45deg, #484029, #201c11);
}
.stdReviewSwiper .videoThumbnail {
    width: 100%;
    border-radius: 15px;
    /* border: 2px solid #dfab4e; */
    background: linear-gradient(45deg, #484029, #201c11);
}
.stdReviewSwiper {
    width: 100% !important;
}

.toppersky-std-view .swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 10px;
    bottom: 50px !important;
}

.stdReviewSwiper .swiper-wrapper {
    padding-bottom: 100px;
}

/* ===== Student Success Card Design ===== */
.std-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 1/1;
    cursor: pointer;
    /* border: 2px solid #dfab4e; */
    background: #0a0a1a;
}
.std-card-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.std-card .myVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}
.std-card-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, transparent 30%, transparent 50%, rgba(0,0,0,0.7) 100%);
    z-index: 2;
}
.std-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.std-card-video-badge {
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
    backdrop-filter: blur(4px);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.std-card-video-badge::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #e53935;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.std-card-duration {
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    font-weight: 500;
}
.std-card-quote {
    display: none;
}
.std-card-quote::after {
    display: none;
}
.std-card-quote p {
    font-size: 12px;
    line-height: 1.4;
    color: #1a1a1a;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.std-card-play {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #f5c842, #e8a515);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto;
    box-shadow: 0 4px 20px rgba(245,200,66,0.5);
    transition: transform 0.2s;
    flex-shrink: 0;
    position: relative;
}
.std-card-play::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #fff;
    margin-left: 4px;
}
.std-card:hover .std-card-play {
    transform: scale(1.1);
}
.std-card-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0,0,0,0.5);
    padding: 8px 10px;
    border-radius: 12px;
    backdrop-filter: blur(6px);
}
.std-card-avatar {
    width: 36px;
    height: 36px;
    background: #1a1a2e;
    border: 2px solid #dfab4e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 16px;
    color: #dfab4e;
    flex-shrink: 0;
}
.std-card-info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.std-card-info strong {
    color: #fff;
    font-size: 13px;
}
.std-card-info span {
    color: #ccc;
    font-size: 11px;
}
.std-verified {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #dfab4e;
    border-radius: 50%;
    margin-left: 3px;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.std-verified::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 5px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
}
.single-ncert-solutions .ncert-solutions {
    padding-bottom: 50px;
}


/* ===== Free vs Premium Section (Liquid Glass / Neomorphic) ===== */
.free-vs-premium-section {
    max-width: 70%;
    margin: 0px auto 20px auto;
    padding: 50px 30px;
    position: relative;
}

/* --- Outer Premium Box --- */
.fvp-outer-box {
    background: linear-gradient(160deg, rgba(25,25,45,0.95), rgba(15,15,30,0.98));
    border: 1px solid rgba(223,171,78,0.12);
    border-radius: 28px;
    padding: 40px 35px 35px;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.5),
        0 0 80px rgba(223,171,78,0.04),
        inset 0 1px 0 rgba(255,255,255,0.06);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}
/* Top gold accent line */
.fvp-outer-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(223,171,78,0.5), #dfab4e, rgba(223,171,78,0.5), transparent);
    border-radius: 0 0 50% 50%;
}
/* Subtle glass glow */
.fvp-outer-box::after {
    content: '';
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 200px;
    background: radial-gradient(ellipse, rgba(223,171,78,0.06) 0%, transparent 70%);
    pointer-events: none;
}

.fvp-title {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 15px rgba(223,171,78,0.3);
    position: relative;
    z-index: 1;
}
.fvp-boxes-wrap {
    display: flex;
    gap: 25px;
    align-items: stretch;
    position: relative;
    z-index: 1;
}
/* --- Liquid Glass Card Base --- */
.fvp-box {
    flex: 1;
    padding: 28px 28px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
/* Glass inner shine overlay */
.fvp-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,0.05) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.fvp-box > * {
    position: relative;
    z-index: 1;
}
.fvp-box:hover {
    transform: translateY(-3px);
}

/* --- FREE Box (Dark Matte) --- */
.fvp-free-box {
    flex: 0.4;
    background: linear-gradient(145deg, #1a1c2e, #12131f);
    box-shadow:
        6px 6px 16px rgba(0,0,0,0.6),
        -3px -3px 12px rgba(255,255,255,0.02),
        inset 0 1px 0 rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}
.fvp-free-box:hover {
    box-shadow:
        8px 8px 20px rgba(0,0,0,0.7),
        -4px -4px 14px rgba(255,255,255,0.03),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

/* --- PREMIUM Box (Rich Gold Glass) --- */
.fvp-premium-box {
    flex: 0.6;
    background: linear-gradient(145deg, rgba(223,171,78,0.14), rgba(45,35,20,0.95), rgba(223,171,78,0.06));
    box-shadow:
        6px 6px 16px rgba(0,0,0,0.4),
        -3px -3px 12px rgba(223,171,78,0.05),
        inset 0 1px 0 rgba(223,171,78,0.15),
        0 0 50px rgba(223,171,78,0.06);
    border: 1px solid rgba(223,171,78,0.22);
}
.fvp-premium-box:hover {
    box-shadow:
        8px 8px 20px rgba(0,0,0,0.5),
        -4px -4px 14px rgba(223,171,78,0.08),
        inset 0 1px 0 rgba(223,171,78,0.18),
        0 0 70px rgba(223,171,78,0.1);
    border-color: rgba(223,171,78,0.3);
}

/* --- Headers --- */
.fvp-box-header {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 13px 24px;
    border-radius: 50px;
    margin-bottom: 24px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
}
.fvp-free-box .fvp-box-header {
    background: linear-gradient(145deg, #252540, #1a1a32);
    box-shadow:
        4px 4px 10px rgba(0,0,0,0.5),
        -2px -2px 8px rgba(255,255,255,0.03),
        inset 0 1px 0 rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
}
.fvp-header-premium {
    background: linear-gradient(135deg, rgba(223,171,78,0.15), rgba(223,171,78,0.05)) !important;
    border: 1px solid rgba(223,171,78,0.35) !important;
    color: #dfab4e !important;
    box-shadow:
        4px 4px 10px rgba(0,0,0,0.4),
        -2px -2px 8px rgba(223,171,78,0.04),
        inset 0 1px 0 rgba(223,171,78,0.15),
        0 0 25px rgba(223,171,78,0.06) !important;
    text-shadow: 0 0 12px rgba(223,171,78,0.3);
}

/* --- List --- */
.fvp-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.fvp-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    font-weight: 500;
    padding: 10px 12px;
    line-height: 1.5;
    border-radius: 12px;
    margin-bottom: 4px;
    transition: background 0.25s ease;
}
.fvp-list li:hover {
    background: rgba(255,255,255,0.03);
}

/* --- Checkmarks (Neomorphic Circles) --- */
.fvp-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
}
.fvp-check::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 8px;
    width: 7px;
    height: 12px;
    border-right: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
    transform: rotate(45deg);
}
.fvp-check-green {
    background: linear-gradient(135deg, #43a047, #2e7d32);
    box-shadow:
        2px 2px 6px rgba(0,0,0,0.4),
        -1px -1px 4px rgba(67,160,71,0.15),
        inset 0 1px 2px rgba(255,255,255,0.15);
}
.fvp-check-gold {
    background: linear-gradient(135deg, #f0c14b, #dfab4e);
    box-shadow:
        2px 2px 6px rgba(0,0,0,0.4),
        -1px -1px 4px rgba(223,171,78,0.2),
        inset 0 1px 2px rgba(255,255,255,0.2),
        0 0 10px rgba(223,171,78,0.15);
}
.fvp-check-gold::after {
    border-color: #1a1a1a;
}

/* --- Divider --- */
.fvp-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(223,171,78,0.25), transparent);
    margin: 30px 0 5px;
    position: relative;
    z-index: 1;
}

/* --- CTA --- */
.fvp-cta {
    text-align: center;
    color: #dfab4e;
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 15px rgba(223,171,78,0.2);
    position: relative;
    z-index: 1;
}
/* single-blog-table--of-content */
/* Content hide/show */
.bd_toc_content {
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.bd_toc_header.active + .bd_toc_content {
  max-height: 500px;
}

.bd_toc_header:not(.active) + .bd_toc_content {
  max-height: 0;
}

/* Arrow rotate */
.bd_toc_header .bd_toc_arrow {
  display: inline-block;
  transition: transform 0.25s ease;
}

.bd_toc_header.active .bd_toc_arrow {
  transform: rotate(180deg);
}

.single.single-post .fit_content {
    width: 100%;
    display: none;
}

/* cbse-10th-paper-solution */
  .cbse-paper-solution {
    overflow-x: auto;
  }

  .cbse-paper-solution table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    min-width: 600px;
  }

  .cbse-paper-solution th,
  .cbse-paper-solution td {
    border: 1px solid #333;
    padding: 12px;
    text-align: left;
  }

  .cbse-paper-solution th {
    background: #f26522;
    color: #fff;
  }

  .cbse-paper-solution td a {
    color: #1a5fd0;
    text-decoration: none;
  }

  .cbse-paper-solution td a:hover {
    text-decoration: underline;
  }

  /* Mobile Responsive */
  @media (max-width: 600px) {
    .cbse-paper-solution table,
    .cbse-paper-solution thead,
    .cbse-paper-solution tbody,
    .cbse-paper-solution th,
    .cbse-paper-solution td,
    .cbse-paper-solution tr {
      display: block;
    }

    .cbse-paper-solution thead {
      display: none;
    }

    .cbse-paper-solution tr {
      margin-bottom: 10px;
      border: 1px solid #ccc;
      padding: 10px;
      background: #fff;
    }

    .cbse-paper-solution td {
      border: none;
      position: relative;
      padding-left: 50%;
    }

    .cbse-paper-solution td::before {
      position: absolute;
      left: 10px;
      top: 10px;
      font-weight: bold;
    }

    .cbse-paper-solution td:nth-child(1)::before {
      content: "S. No";
    }

    .cbse-paper-solution td:nth-child(2)::before {
      content: "Title";
    }
  }


/* --- Responsive --- */
@media(max-width:1024px){
  .fvp-boxes-wrap {
        flex-direction: column;
        gap: 18px;
    }
}
@media (max-width: 992px) {
    .free-vs-premium-section {
        max-width: 90%;
        padding: 15px 20px 30px 20px;
    }
}
@media (max-width: 768px) {
    .free-vs-premium-section {
        max-width: 95%;
        padding: 15px 10px 30px 10px;
    }
    .fvp-outer-box {
        padding: 25px 15px 25px;
        border-radius: 20px;
    }
    
    .fvp-free-box, .fvp-premium-box {
        flex: 1;
    }
    .fvp-title {
        font-size: 22px;
        margin-bottom: 22px;
    }
    .fvp-box {
        padding: 20px 16px;
        border-radius: 16px;
    }
    .fvp-box-header {
        font-size: 13px;
        padding: 10px 18px;
        margin-bottom: 18px;
    }
    .fvp-list li {
        padding: 8px 6px;
        font-size: 14px;
        gap: 10px;
    }
    .fvp-check {
        width: 20px;
        height: 20px;
    }
    .fvp-check::after {
        top: 5px;
        left: 7px;
        width: 4px;
        height: 8px;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }
    .fvp-divider {
        margin: 22px 0 5px;
    }
    .fvp-cta {
        font-size: 15px;
        margin-top: 18px;
    }
    .home .faq-section {
        margin-bottom: 50px;
    }
    .single.single-post .fit_content {
        display: block;
    }

}

/* ===== Video Popup Modal ===== */
.video-popup-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.85);
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.video-popup-content {
    position: relative;
    width: 100%;
    max-width: 480px;
    border-radius: 16px;
    overflow: visible;
    background: #000;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}
.video-popup-content video {
    width: 100%;
    display: block;
    border-radius: 16px;
    max-height: 85vh;
}
.video-popup-close {
    position: absolute;
    top: -16px;
    right: -16px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #dfab4e;
    background: #1a1a2e;
    color: #dfab4e;
    font-size: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    padding: 0;
    line-height: 0;
}
.video-popup-close:hover {
    background: #dfab4e;
    color: #1a1a2e;
}


@media (max-width:1366px) and (min-width:1200px) {
  .single-container{max-width:90%!important}.download-cta{min-width:28%}.single-container .lwptoc{min-width:18%}
}

@media(max-width:1199px) {
    .single-container .post-contnt{width:75%}
    .single-container .lwptoc{width:20%}
    .single-container{flex-wrap:nowrap}
    .std-view-outer img { object-fit: cover; }
}
@media (max-width:1024px) {
    .single-container .lwptoc{display:none}
    .single-container{max-width:700px}
    .single-container .post-contnt{width:100%}
}

  .socail-links a svg{width:16px;height:16px}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --font1: "Ubuntu", sans-serif;
  --site-color: #cccccc;
  --accent: #f6b12a;
  --site-black: #000;
  --site-white: #fff;
}

html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height:1.5;
  background: #000000;
  color: #e6e6e6;
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
img, video { max-width: 100%; height: auto; }

.container {
  max-width: 99%;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.sticky {position:sticky;}

.overflow-hidden {overflow: hidden;}
.w-full {width: 100%;}
.h-full {height: 100%;}

.d-flex{display:flex;}
.d-none{display:none;}
.d-block{display:block;}
.inline-block{display: inline-block;}

.flex-col {flex-direction: column;}
.flex-wrap { flex-wrap: wrap;}

.items-center{align-items: center;}
.justify-center {justify-content: center;}
.justify-around{ justify-content:space-around;}
.justify-between{ justify-content: space-between;}
.items-end { align-items: flex-end;}

.grid-two{ display:grid; grid-template-columns: repeat(2, 1fr); }
.grid-three{ display:grid; grid-template-columns: repeat(3, 1fr);}
.grid-four{ display:grid; grid-template-columns: repeat(4, 1fr);}

.gap-10{gap: 10px}
.gap-1{gap: 1rem}
.gap-2{gap: 2rem}
.gap-3{gap: 3rem}
.gap-4{gap: 4rem}

.mt1{margin-top: 1rem}
.mt2{margin-top: 2rem}
.mt3{margin-top: 3rem}
.mt4{margin-top: 4rem}
.mt5{margin-top: 5rem}

.pt1{padding-top: 1rem}
.pt2{padding-top: 2rem}
.pt3{padding-top: 3rem}
.pt4{padding-top: 4rem}
.pt5{padding-top: 5rem}

.pb1{padding-bottom: 1rem}
.pb2{padding-bottom: 2rem}
.pb3{padding-bottom: 3rem}
.pb4{padding-bottom: 4rem}
.pb5{padding-bottom: 5rem}

.mx-auto {margin-left: auto; margin-right: auto;}
.text-center {text-align: center;}

.top-slider, .numbers-section{width: 70%; margin: auto;}
.about-section, .who-we-are, .top-footer, .footer-navigation{width:80%; margin: auto;}
.boards-matters, .class9-matters, .testi-section, .faq-section{width: 60%; margin: auto;}

.home-sections{display: flex; flex-direction: column; gap: 6.4rem}

.sub-title{
   color: #ff894f;
  background-image: linear-gradient(90deg, #ff894f , #fad126 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-transform: uppercase;
  margin: 1rem 0;
}
.section-title{
   color: #98794f;
  background-image: linear-gradient(0deg, #98794f , #e9e9e9 77%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
   font-size: 3.8rem;
   margin-bottom: 2rem;
}

.top-header{ background:#0a0a0a; border-bottom:1px solid #232323; padding:10px 0; top:0;z-index:999  }
.logo{max-width: 220px;}
#mega-menu-wrap-menu-1 .mega-menu a::after {
    display: block !important;
    content: '' !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1{justify-content: center; align-items: center; display: flex;}
.main-navigation ul{gap: 2cqw; margin: 0; padding: 0; list-style: none;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding: 0 10px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ font-size: 16px; padding: 0; color: #d8d8d8; text-decoration:none; position: relative; transition: all .5s ease-in-out; letter-spacing: normal;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:after{ content:''; position:absolute; bottom:0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background-color: rgba(229, 167, 69, 1); 
    transform-origin: left;
    border-radius: 8px;
    max-width: 0;
    width: 100%;
    left: 0;
    top: 101%;
    height: .16vw;
  }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover > a.mega-menu-link:after{ max-width:100%; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.highlight > a.mega-menu-link{color: #f69f35;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on span.mega-indicator::after {
    rotate: 180deg;
}

.btn-download, .btn-wrap input.wpcf7-form-control.wpcf7-submit{ font-size:16px; line-height: 1.4; font-weight:700; 
    color:#000; padding:1.4rem 2.4rem; border:0; border-radius:10px; cursor: pointer;
    background: #FF894F; background: linear-gradient(0deg, rgba(255, 137, 79, 1) 0%, rgba(250, 209, 38, 1) 100%);
 }
.btn-download:hover, .btn-wrap input.wpcf7-form-control.wpcf7-submit:hover{background: linear-gradient(0deg,  rgba(250, 209, 38, 1) 0%, rgba(255, 137, 79, 1) 100%); color:#000;}


.mobile-show{display: none;}

.top-subhead{color: #b79573; padding: 40px 0 10px}
.hero-classes span{ display:inline-block; background-color:#1a237e; color:#ffee00; font-size:22px; font-weight:600; padding:7px 20px; border-radius:40px; margin:10px auto; }
.hero{ max-width:42%; margin:auto; }
.hero h1{font-size: 3.75cqw; line-height: 4.3cqw;}
  
.app-btns-top{padding: 2rem}

.top-slider{margin-top: 2rem;border-radius: 3rem; overflow: hidden;}
.top-slider img {border-radius: 3rem; border: 1px solid #b59d5c; aspect-ratio: 17/9;}
.top-slider .swiper {width: 100%; overflow: hidden; padding-bottom: 20px; }
.swiper-pagination-2{bottom: -5px !important;}
.swiper-pagination .swiper-pagination-bullet-active{ width:20px !important; }

.via-gray-900 {background-image:linear-gradient(to right, #000, #1f1f1f, #000, rgba(31, 31, 31, 0)); }

/* Counters  */
.counter-box{font-size: 40px; font-weight: 700; color: #c0c0c0; text-align: center;}
.counter-box p{font-size: 14px; color: #999999;font-weight: 400}
.star-icon{ align-self: center; padding-left: 12px;}

.numbers-section .grid-four{padding:2.5rem 0 0; }

/* Boards box */
.boards-content-box {
  border: 1px solid #ac9658;
  border-radius: 30px;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(36 28 11) 60%);
  position: relative;
}
.boards-box {
  background: #6C5F3C;
  background: linear-gradient(0deg, rgba(108, 95, 60, 1) 0%, rgba(33, 28, 14, 1) 100%);
  border-radius:0 0 30px 30px;
  padding: 24px 10px;
  text-align: center;
  margin-top: -30px;
}
.board-10{margin: 20px auto 10px; width: fit-content;}
.boards-box h4{position:relative;top: -15px; text-align: center; margin: 0}
.boards-box span{ display: inline-block; border-radius: 40px; color: #000; background: #ccc; padding: 8px 10px; font-weight: 400}
.boards-name a{ border-radius:50px; border:1px solid #eac171; background:#584e31; padding:8px 30px; color:#fff; font-style: italic; text-decoration:none; font-weight:700; font-size:20px; }
.boards-name a:hover{ background: #bea04a;}
.board-stickers{ gap: 1px}
.board-stickers div{ width:100%; height:100%;}
.board-stickers img{ width:100%; height:100%; object-fit:cover; }
.board-stickers div:first-child img{ border-top-left-radius:30px; }
.board-stickers div:last-child img{ border-top-right-radius:30px; }

.chapter-points{ list-style: none; margin: 0; padding: 10px 15px 40px;}
.chapter-points li{position: relative; padding:5px 5px 5px 40px;}
.chapter-points li:before{ content: '';
  background: url(../images/bullet.png) top center no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 5px;
  top: 7px;
}

/* Class 9 */
.class9-matters{
  border: 1px solid #ac9658;
  border-radius: 30px;
  padding: 0 20px 30px 20px;
  text-align: center;
  background: #18150C;
  background: linear-gradient(0deg, rgba(24, 21, 12, 1) 0%, rgba(108, 95, 60, 1) 100%);
}
.class9-matters h4{ color: #fff; display: inline-block; text-align:center; clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%); font-size: 26px; background: #63492a;
  background: linear-gradient(90deg, rgba(99, 73, 42, 1) 0%, rgba(152, 97, 46, 1) 27%, rgba(142, 126, 93, 1) 60%, rgba(163, 118, 65, 1) 99%); line-height: 1.9; margin: 0; padding:5px 40px; border-radius: 0 0 30px 30px
}
.class9-matters h4 span{ display:inline-block; background:#000; border-radius:50%; width:45px; height:45px; text-align:center; }
.class9-matters h2.section-title{ font-size:5rem; padding:4rem 0 1rem; margin: 0; color: #98794F; line-height: normal;
  background-image: linear-gradient(0deg, #98794F , #E9E9E9 51%, #FFFFFF 100%);
 }
.class9-matters p{ color: #beac7a; font-size: 17px;}
.class9-matters p a{ color: #beac7a;}
.class9-matters .free-txt{ font-size: 24px; padding: 25px 0 15px}
.class9-matters .start-early{ font-size: 15px; padding: 50px 10px 10px}
.btn-explore{background: url(../images/onebtnbg.png); background-size: 100% 100%; padding: 10px 30px 20px; color: #000; text-decoration: none; display: inline-block; font-size: 18px; font-weight: 700;}
.btn-explore:hover{color:#5a2200}

/* About section */
.about-section{text-align: center;}

 /* Video */
  .video-thumb { cursor: pointer; display:inline-block; border-radius:8px; overflow:hidden; box-shadow:0 6px 18px rgba(18, 25, 30, .08);border: 1px solid #333; border-radius: 20px; text-align: center; }
  .video-thumb img { display:block; width:100%; height:auto; object-fit:cover;border-radius: 20px; cursor:pointer; }
  .modal-overlay {
    position: fixed; inset: 0; display:none; align-items:center; justify-content:center;
    background: rgba(5,10,20,0.6); z-index: 1200; padding: 20px;
  }
  .ytmodal {
    width: min(1100px, 95%); max-width:1100px; background: #000; border-radius: 12px; overflow:hidden;
    box-shadow: 0 12px 40px rgba(2,8,23,.6); position:relative;
  }
  .video-wrap { position: relative; padding-top: 56.25%; } /* 9/16 = 56.25% */
  .video-wrap iframe {
    position: absolute; top:0; left:0; width:100%; height:100%; border:0;
  }
  .ytclose-btn {
    position: absolute; top:10px; right:10px; background: rgba(255,255,255,.08); border:0;
    width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition: background .12s ease; z-index: 1;
  }
  .ytclose-btn:hover { background: rgba(255,255,255,.14); }
  .ytclose-btn svg { width:18px; height:18px; color: #fff; }
  .modal-overlay.show { display:flex; }



.about-left p{ margin-bottom:1rem }

.about-point-box{background: url(../images/Screenersoverlay.png); background-size: 100% 100%;
  padding: 20px 30px 20px 50px; position: relative; width: 290px; text-align: left; font-weight: 500;
}
.about-point-box:before{
  content: '';
  background: url(../images/bullet.png) top center no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 20px;
  top: 22px;
}
.who-we-are{ padding:5rem 0 0rem }
.who-we-are p{ padding:0 }
.who-we-are h4{ padding:2.5rem 0 }
.who-we-are {
    padding-bottom: 30px;
}
.mySwiper3 .swiper-wrapper,.mySwiper4 .swiper-wrapper{max-width: 1000px; margin: auto;}

/* == Testimonials ==  */

    .testimonial-section {
      position: relative; 
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .testimonial-section .swiper {width: 100%; overflow: hidden; padding-bottom: 20px; }
    .testimonial-section .swiper-wrapper { align-items: stretch; }
    .testimonial-section .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      padding:8px 5px 12px; 
      visibility: visible;
    }

    .testimonial-card {
      position: relative;
      max-width: calc(100% - 40px);
      border-radius: 16px;
      padding: clamp(26px, 3.2vw, 40px);
      background: #1E1E1E;
      background: linear-gradient(45deg, rgba(30, 30, 30, 1) 0%, rgba(10, 10, 10, 1) 100%);
      color: #e8e6e6;
      border: 1px solid #393e45;
      box-shadow: 0 10px 30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
      overflow: visible; 
    }

    .testimonial-card::before,
    .testimonial-card::after{
      content: "";
      position: absolute;
      z-index: 0;
      pointer-events: none;
      width: 46px;
      height: 41px;
    }
    .testimonial-card::before { content: " "; background: url(../images/quote-left.png); left: 20px; top: 16px; }
    .testimonial-card::after  { content: " "; background: url(../images/quote-right.png); right: 20px; bottom: 16px; }
    .testimonial-card > * { position: relative; z-index: 1; }

    .testimonial-section .stars { text-align:center; color: #f3d39a; margin-bottom: 8px; font-size: 14px; opacity:0.95; }

    .testimonial-text {
      margin: 0 auto;
      max-width: 820px;
      text-align: center;
      font-style: italic;
      color: #dcd9d9;
      font-family: "Merriweather", serif;
      font-weight: 300;
      font-size: clamp(15px, 1.03vw, 18px);
      line-height: 1.75;
      padding: 6px 18px 10px;
    }

    .testimonial-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 14px;
      flex-direction: column;
    }

    .testimonial-section .avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid rgba(255,255,255,0.06);
      box-shadow: 0 6px 18px rgba(0,0,0,0.5);
      background: #222;
    }
    .testimonial-section .avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }

    .testimonial-section .author strong {
      color: var(--accent);
      font-weight: 700;
      font-size: 15px;
      display: block;
      margin-top: 6px;
      text-align: center;
    }

    .testimonial-section .swiper-pagination {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      /*transform: translateX(-50%);*/
      bottom: 10px;
      display: flex;
      justify-content: center;
      gap: 10px;
      z-index: 5;
      pointer-events: auto;
    }
    .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background: rgba(255,255,255,0.18);
      border-radius: 50%;
      transition: all .22s ease;
      opacity: 1;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
      width: 30px;
      height: 8px;
      border-radius: 10px;
      background: var(--accent);
      box-shadow: 0 6px 16px rgba(246,177,42,0.12);
    }

/* FAQ Section */

.faq-section{margin-bottom: 3rem}
.sp-easy-accordion .sp-ea-single{border: 1px solid #333; border-radius: 15px;}
#sp-ea-92.sp-easy-accordion>.sp-ea-single>.ea-header a{font-size:16px;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body{border-radius: 18px}
#sp-ea-92.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body{color:#aaa}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a { padding: 18px;}


/* Footer */
.bottom-footer{ margin-top:2rem; background: #000}
.footer{ background-image: linear-gradient(to bottom, #fbdd8c26, #fbdd8c10, transparent); padding:3rem 0;}
.top-footer{ grid-template-columns:30% 1fr;  border-bottom:1px solid #404040;  padding-bottom:3rem;  }

.top-footer input[type=text], .top-footer input[type=email], .top-footer input[type=tel], .top-footer textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #5d5c59;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .02em;
    color: #e4e4e4;
    padding: 15px 20px;
}
.top-footer input[type=text]::placeholder, .top-footer input[type=email]::placeholder, .top-footer input[type=tel]::placeholder, .top-footer textarea::placeholder {
   color: #7c7c7c;
}
.left-titles .section-title{ margin:0; padding:0 }
 ul#menu-quick-links{display:grid; grid-template-columns:1fr 1fr; gap: 15px;}
 ul#menu-legal{display:grid; grid-template-columns:1fr; gap: 15px;}
.footer-navigation{ display:grid; grid-template-columns: 1fr 30% 25%; padding:2.5rem 0 2rem; gap:1rem }
.footer-navigation h2{ text-transform:uppercase; font-size:18px; margin-bottom:1.6rem }
.footer-navigation ul{margin: 0; padding: 0; list-style: none;}
.footer-navigation ul li{margin: 0; padding: 0}
.footer-navigation ul li a{ text-decoration: none; color: #999999; font-size:14px; position: relative; transition: all .5s ease-in-out; letter-spacing: normal;}
.footer-navigation ul li a:after{ content:''; position:absolute; bottom:0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background-color: rgba(229, 167, 69, 1); 
    transform-origin: left;
    border-radius: 8px;
    max-width: 0;
    width: 100%;
    left: 0;
    top: 101%;
    height:2px;
  }
.footer-navigation ul li:hover a:after{ max-width:100%; }
.footer-navigation ul.social-list li a:after{display: none;}

.footer-logo{display: flex; justify-content: center; margin-bottom: 30px;}
.socials{ display:flex; flex-direction:column; gap:1rem; align-content:center; }
.social-list{ display:grid; grid-template-columns:1fr 1fr 1fr; padding-top:1rem; text-align: center; justify-content: center; align-items: center; gap: 1rem}
.social-list li{display: flex; justify-content: center;}
.social-icon-footer .social-list li span:hover{background:#b79573}

.copyright{text-align: center; color: #ccc; font-size: 14px; line-height: 1.5; padding:2.5rem 0}
.copyright p{ padding: 8px;}
.copyright p a{ color: #eee}


.floating-icon-tag { text-align: center; cursor: pointer; box-shadow: 2px 2px 3px #999; width: 50px; height: 50px; border-radius: 50px; color: white; text-decoration: none; display: flex; align-items: center;
  justify-content: center; position: fixed; right: 10px; z-index: 100;}
.floating-icon-tag i { font-size: 22px;}
a.floating-icon-tag:visited { color: white;}

.floating-icon-tag.call { background-color: #0d69bf; bottom: 140px;}
.floating-icon-tag.whatsup { background-color: #4eaf26; bottom: 80px; }
.floating-icon-tag.whatsup i {font-size: 26px}


/* === About === */

.our-vision{width: 70%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 4rem}
.why-box{
  position: relative;
  text-align: left;
  max-width: calc(100% - 20px);
  border-radius: 16px;
  padding: clamp(26px, 3.2vw, 20px);
  background: #000;
  background: linear-gradient(330deg, rgba(0, 0, 0, 1) 0%, rgba(10, 10, 10, 1) 35%, rgba(31, 31, 31, 1) 100%);
  color: #e8e6e6;
  border: 1px solid #4b556380;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  overflow: visible; 
}
.icon-bx{ border-radius:4px; background-color: rgba(122, 122, 122, 0.2); border:1px solid rgba(255, 255, 255, 0.2);
justify-content: center; align-items: center; display: flex; width: 45px; height: 45px; margin:10px 0 }
.why-box h5{ font-size: 2rem; margin: 5px 0 15px}
.why-box p{color:#aaa;}


.reasons-box {
    background: #2b2b2b;
    background: linear-gradient(148deg, rgba(43, 43, 43, 1) 0%, rgba(10, 10, 10, 1) 100%);
    border: 1px solid #5e5e5e;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    gap: 15px; 
    align-items: center;
    transition: 0.3s;
}
.reasons-box:hover {
    border: 1px solid #ae8522;
}

.reasons-box .svg-icon { border:1px solid #414141; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
background: #2b2b2b; background: linear-gradient(148deg, rgba(43, 43, 43, 0.5) 0%, rgba(10, 10, 10, 0.5) 100%); border-radius:8px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); margin-bottom: 10px;}
.reasons-box .text-bx h5 {font-size: 22px; line-height: 50px; margin: 0;}
.reasons-box .text-bx p{font-size: 16px; line-height: 24px; color: #808080; margin: 0;}


/* === Contact === */

.contacts {
  min-height: 30vh;
  background: radial-gradient(circle at top, #111 0%, #000 70%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #fff;
  max-width: 980px;
  margin:0px auto;
  padding: 1rem 0 5rem;
}
.contacts-header .tagline {
  color: #b79573;
  letter-spacing: 3px;
  font-size: 12px;
}

.contacts-header h2 {
  font-size: 48px;
  margin: 15px 0;
}

.contacts-header p {
  max-width: 700px;
  margin: 0 auto 30px;
  color: #b5b5b5;
  font-size: 16px;
}

.contacts-cards {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}

.contact-card {
  background: #242424;
  border: 1px solid #393939;
  padding: 40px 30px;
  width: 300px;
  transition: 0.3s ease;
  border-radius: 12px;
}

.contact-card:hover {
  border-color: #b79573;
  transform: translateY(-5px);
}

.contact-card .icon {
  width: 55px;
  height: 55px;
  border: 1px solid #b79573;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 22px;
}
.contact-card .icon img{ max-width: 28px;}

.contact-card h4 {
  color: #b79573;
  letter-spacing: 1px;
  font-size: 14px;
  margin-bottom: 10px;
}

.contact-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.contact-card span {
  font-size: 13px;
  color: #aaa;
}
.contact-card strong a {
    color: #fff;
}
.contact-card strong a:hover {
    color: #b79573;
}

/* === Quizzes === */ 
.quiz-hero{ max-width:80%; margin-left:auto; margin-right: auto; display:flex; justify-content:center; align-items:center; }
.quizzes-wrapper{width:100%; max-width: 80%; margin: auto;}
/* Tabs */
.class-tabs { display: flex; gap: 16px; margin-bottom: 30px;}
.class-tab {
  padding: 12px 28px;
  font-size: 2rem;
  border-radius: 24px;
  border: none;
  background: #1a1a1a;
  color: #888;
  cursor: pointer;
}

.class-tab.active { background: linear-gradient(90deg, #7a2cff, #ff7a18); color: #fff;}

.quiz-section { margin-bottom: 40px; }
.quiz-section h2 { margin-bottom: 14px; border-bottom: 1px solid #222; padding-bottom: 8px; }
.quizcard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #0d0d0d;
  border: 1px solid #222;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 14px;
}
.quizcard.locked { opacity: 0.6;}
.quizcard.expired { opacity: 0.5; }
.quizinfo h3 { margin: 0 0 6px; font-size: 18px; }
.quizinfo p { margin: 0; font-size: 16px; color: #aaa; }

/* Button */
.cta {
  padding: 8px 22px;
  border-radius: 20px;
  border: none;
  background: linear-gradient(135deg, #ffd54f, #ff9800);
  font-weight: bold;
  cursor: pointer;
}
.quizcard.ongoing .cta{background: linear-gradient(135deg, #5aaf4b, #45823a);}
.quizcard.completed .cta{background: none;}
.quizcard.result_awaited .cta{    background: linear-gradient(135deg, #b7a25e, #5f451e);}

.success { color: #00e676;}
.expired-text { color: #ff5252;}

/* Progress Bar */
.progress {
  margin-top: 8px;
  width: 200px;
  height: 8px;
  background: #222;
  border-radius: 6px;
  overflow: hidden;
}

.progress-bar { height: 100%; background: linear-gradient(90deg, #00e676, #66ffa6);}

/* Tab Content */
.tab-content { display: none;}
.tab-content.active {display: block;}


/* === Classes === */ 

.classes-wrapper{width:100%; margin: auto;}
/* Tabs */
.class-tabs { display: flex; gap: 16px; margin-bottom: 30px;}
.class-tab {
  padding: 15px 30px;
  font-size: 2rem;
  border-radius: 30px;
  border: none;
  background: #1a1a1a;
  color: #888;
  cursor: pointer;
  outline: none;
}

.class-tab.active { 
    background: linear-gradient(0deg, rgba(255, 137, 79, 1) 0%, rgba(250, 209, 38, 1) 100%);
    color: #000;
    outline: none;
}

.class-section { margin-bottom: 40px; }

.prices-sec{ margin: -20px auto 40px; text-align: center;}
.text-content{margin-left: auto; margin-right: auto;}

.chapter-set{margin:0 auto; display: flex; justify-content: center; overflow:hidden; text-align:center; }
.chapter-set img{border-radius:3rem; }

.free-chaptbx{ 
    padding: 20px;
    text-align: center;
    margin: auto;
    gap: 25px;
  }
.chapters-box {  
    background: linear-gradient(130deg, rgba(43, 43, 25, 1) 0%, rgba(0, 0, 0, 1) 100%);
    border: 1px solid #836f43;
    border-radius: 15px;
    color: #fff;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    display: flex;
    gap: 30px;
    align-items: center;
}
.chapters-box .free{position: absolute; top: -10px; right: -10px; display: inline-block;z-index: 1}
.chapters-box .book-img a{display: flex; justify-content: center;}
.book-img img{ max-width: 100%}
.chapter-num {
    font-size: 16px;
    background-color: #dd9900;
    border-radius: 4rem;
    font-weight: 600;
    display: block;
    padding: 6px 20px;
    margin: auto;
    margin-top: -20px;
    width: max-content;
}
.chapters-box h3 {
    font-size: 2rem;
    padding-top: 15px;    
}
.left-chapter {
    width: 70%;
    border: 1px solid #836f4396;
    border-radius: 10px;
    padding: 0px 15px 15px 15px;
    height: fit-content;
}

.book-img {
    width: 20%;
}

.chapter-num.chapt-sce {
    background: #f3b341;
    color: #000;
}

.chapter-num.chapt-maths {
    background: #f5ddc2;
    color: #000;
}

.chapter-num.chapt-sst {
    background-color: #a42a1b;
}

.chapter-num.chapt-hindi {
    background-color: #c6864b;
}

.chapter-num.chapt-eng {
    background-color: #984832;
}

.monthly-quiz-sec{ background: #6C5F3C; border: 1px solid #333;
    background: linear-gradient(145deg, #241e12, rgba(0, 0, 0, 1) 100%);
    border-radius: 30px;
    padding: 20px;
    text-align: center;
    max-width: 68%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;}
.monthly-quiz-sec h2{ color:#fad126; margin:0; padding:15px;font-size: 2.4rem; }
.quizrank-img{display: flex; justify-content: center;}
.quizrank-img img{border-radius: 30px; border: 1px solid #937d49;}
.quiz-winner-lable{    display: inline-block;
    position: relative;
    top: -34px;
    z-index: 1;
    background: #f5e9be;
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    padding: 5px 20px;
    border-radius: 40px;
    border-bottom: 3px solid #786e3e;}
.btn-3d{background: url(../images/onebtnbg.png); background-size: 100% 100%; text-transform: uppercase; padding: 10px 30px 20px; color: #000; text-decoration: none; display: inline-block;     font-size: 30px;
    line-height: normal; font-weight: 700; text-decoration: none;}
.btn-3d:hover{ color:#5a2200 }
.btn-3d span{ display: block; font-size: 16px;}

/* === boards We cover === */

  .boards-grid { padding-top: 3rem; }
  .board-card {
    background: #6C5F3C;
    border: 1px solid #333;
    background: linear-gradient(145deg, #241e12, rgba(0, 0, 0, 1) 100%);
    border-radius: 14px;
    padding: 24px 16px;
    text-align: center;
    transition: all 0.3s ease;
    width: 320px;
    text-decoration: none;
  }

  .board-card:hover {
    border-color: #ac9658;
    box-shadow: 0 10px 28px rgba(0,0,0,0.5);
    transform: translateY(-4px);
    text-decoration: none;
  }

  .board-card h3 {
    margin: 0;
    font-size: 2.4rem;
    color: #f9fafb;
  }

  .board-card span {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    color: #9ca3af;
    line-height: 1.4;
  }


/* === Blog === */
.blog-detail .hero, .blog-detail-thumb { max-width: 70%;}
.blog-detail .hero h1 { font-size: 6rem; line-height: 1.3; }
.blog-detail-thumb{padding-bottom:5rem; display: flex; justify-content: center; margin: auto}
.blog-detail-thumb img{border-radius: 3rem; height: 100%; max-height: 322px; object-fit: cover; width: 100%;}
.blog-detail .category-tag a:hover { color: #d4a12c;}
.blog-box {
  background: #2b2b19;
  background: linear-gradient(130deg, rgba(43, 43, 25, 1) 0%, rgba(0, 0, 0, 1) 100%);
  border: 1px solid #363626; border-radius: 15px;
}
.blog-thumb{ border-radius:15px 0; overflow:hidden; }
.summary-bx{padding:15px 20px; }
.summary-bx h3{ font-size:2rem; padding-bottom:10px; }
.summary-bx .date{ font-size:14px; padding-bottom:10px; display:inline-block; color:#999 }
.summary-bx .excerpt{padding-bottom:10px;}

.single.single-post, .single.single-ncert-solutions {
  background: #000000; 
  color: #ffffff;
}
.single-container{max-width: 68%; margin: auto;}
.single-boards .single-container{max-width:75%; margin: auto;}
.single-header .single-title { max-width: 68%; margin: auto; padding: 4rem 0 5rem;}
article.category-blog.post{ position:relative; margin-top:0 }
.single-container .toc {
    position: sticky;
    top: 90px;
    box-shadow: 0 5px 20px 0 rgba(114, 114, 255, .12);
    border-top: 5px solid var(--color-primary);
    padding: 10px;
    border-radius: 6px;
    background: #404040;
}
.single-boards .category-tag {
    background: #fff;
    padding: 8px 15px;
    border-radius: 10px 0;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
}

#articleContent ul{margin-left: 1rem}
#articleContent ul li{margin-bottom: 1rem}
#articleContent p{margin-bottom: 1.4rem}
#articleContent a:hover{color: #e4a328}
.archive-grid article.post.status-publish {
    position: relative;
    background: #1e1e1e;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.2) 2.3rem 1.25rem 5.5rem, rgba(255, 255, 255, 0.06) 0px 0px 0px 2px inset;
    backdrop-filter: blur(12px);
    container-type: inline-size;
    width: auto;
    height: auto;
    margin-top: 0px;
    border-radius: 1.5625rem;
    transition: box-shadow 1.5s, background-color 0.5s;
    overflow: hidden;
    padding: 3.25rem;
}
.archive .navigation.pagination .nav-links {
    margin: 0;
    justify-content: center;
}
.archive .site-main {
    padding-bottom: 30px;
}

.grecaptcha-logo iframe {
    width: 100%;
}
.archive-grid h2.entry-title {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 10px;
}
body.archive .archive-grid .below {
    margin-top: auto;
}
body.archive .excerpt-top-area {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.grecaptcha-logo {
    overflow: hidden;
    width: 100%;
}

.blog-section .blog-thumb img {
    height: 136px;
    width: 100%;
    object-fit: cover;
}

.single.single-post .category-blog img, 
.single.single-ncert-solutions .category-blog img {
    border-radius: 20px;
}

.single.single-post .category-tag a {
    background: #dab149;
    padding: 6px 24px;
    text-transform: uppercase;
    color: #000000;
    border-radius: 10px;
    margin-bottom: 10px;
    display: inline-block;
    transition: 0.3s;
}

.single.single-post .category-tag a:hover {
    background: #ffd773;
}

.single.single-post .blog-detail .hero h1,
.single.single-ncert-solutions .blog-detail .hero h1 {
    font-size: 40px;
    line-height: 50px;
    padding: 20px 0;
    border-radius: 20px;
    width: 100%;
    color: #ff894f;
    background-image: linear-gradient(90deg, #ff894f, #fad126 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.single.single-post {
    background: #000000;
    color:#fff;
}

.single.single-post .bd_toc_container,
.single.single-ncert-solutions .bd_toc_container {
    width: 100% !important;
    background-color: #ffffff !important;
}

.single.single-post .category-blog img,
.single.single-ncert-solutions .category-blog img {
    border: 2px solid #d99e2c;
}
.single.single-post .post-navigation .nav-links a .post-title:hover,
.single.single-ncert-solutions .post-navigation .nav-links a .post-title:hover {
    color: #fcb338;
}

.single.single-post .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a {
    background-color: #ffffff !important;
    font-weight: 500;
    padding: 10px !important;
    border-bottom: 1px solid #00000038;
    border-radius: 0;
    text-decoration: none !important;
}

.bd_toc_container .bd_toc_arrow{transform: rotate(45deg);}

/* .single.single-post #articleContent ul,
.single.single-ncert-solutions #articleContent ul {
    margin-left: 0;
    background: #dbb85f;
} */

.single.single-post .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a:hover {
    color: #ffffff !important;
    background-color: #c39324 !important;
}

.single.single-post #articleContent ul li,
.single.single-ncert-solutions #articleContent ul li {
    margin: 0;
}

.single.single-post .blog-detail-thumb img,
.single.single-ncert-solutions .blog-detail-thumb img {
    border: 2px solid #ffa800;
    box-shadow: 0px 0px 20px #b1b1b1;
}
.single.single-post .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li.last a,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li.last a {
    border: none;
}

.single.single-ncert-solutions .single-container figure img {
    border-radius: 30px;
    transition: 0.3s;
}

.single.single-ncert-solutions .single-container figure a:hover img {
    transform: scale(0.95);
}

.single.single-ncert-solutions .single-container figure a {
    border-radius: 30px;
    overflow: hidden;
    display: block;
    border: 2px solid #ffa800;
    box-shadow: 0px 0px 20px #b1b1b1;
}
.single.single-post .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul, 
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul {
  margin: 0 !important;
}

.quiz-banner-web img{border-radius: 3rem;
  border: 1px solid #b59d5c;}

  .quiz-banner-web a {
  display: inline-block;
}
.why-choose-ts {
    width: 100%;
    margin: auto;
    max-width: 70%;
}

.course-inner-title .hero h1 {
    font-size: 2.8cqw;
    line-height: 1.1;
}

.course-inner-title {
    gap: 3rem;
}
.why-choose-ts .number {
    padding: 10px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #e0a003;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 4px 45px #ff990000, 8px 0px 20px 0px #ff990082, 0 0 0px 0px rgba(255, 153, 0, 0.2);
}
.why-choose-ts .number img {
    height: 45px;
    margin: auto;
    width: 45px;
    object-fit: contain;
}
.why-choose-ts .number::after {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 80%;
  height: 2px;
  background: #ffa600;
  box-shadow: 0 0 30px 3px #ff9900, 0 0 90px 20px rgba(255, 153, 0, 0.5);
  filter: blur(10px);
  border-radius: 50%;
}
.why-choose-ts .divider {
    display: block;
    width: 60px;
    margin: 0px 0 10px 0;
    border: 2px solid;
    border-image: linear-gradient(0deg, rgba(255, 137, 79, 1) 0%, rgba(250, 209, 38, 1) 100%) 1;
}
.choose-box {
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
    align-items: center;
    background: linear-gradient(145deg, rgba(223, 171, 78, 0.14), rgba(45, 35, 20, 0.95), rgba(223, 171, 78, 0.06));
    box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.4);
    border: 1px solid rgb(223 171 78 / 36%);
    transition: 0.3s;
}

.choose-box:hover {
    border: 1px solid rgb(223 171 78);
    transform: translateY(-5px);
}
.why-choose-ts .who-we-are h4 {
    padding: 2.2rem 0 1rem 0;
    text-transform: uppercase;
}


.why-choose-ts .who-we-are {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    text-align: center;
}

.single.single-post .bd_toc_wrapper,
.single.single-ncert-solutions .bd_toc_wrapper {
    padding: 0 !important;
}
.single.single-post .bd_toc_wrapper .bd_toc_header,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_header {
    padding: 12px !important;
    background: linear-gradient(0deg, rgba(255, 137, 79, 1) 0%, rgba(250, 209, 38, 1) 100%);
    border-radius: 0;
}
.single.single-post .bd_toc_wrapper .bd_toc_switcher_hide_show_icon,
.single.single-ncert-solutions .bd_toc_wrapper .bd_toc_switcher_hide_show_icon {
    margin-top: -3px;
}

.tbl-col-wrap tr td:first-child{ white-space:nowrap }



/* ===== Class 9 New Section ===== */
.class9-new {
  position: relative;
  background: #0a0a08 url(../images/areyou9th-back.jpg) center center no-repeat;
  background-size: 100% 100%;
  border-radius: 30px;
  padding: 50px 35px 40px;
  overflow: hidden;
  border: 1px solid rgba(181, 157, 92, 0.45);
  width: 70%;
  margin: auto;
}
.class9-new__decor-circle {
  position: absolute;
  top: -60px;
  left: -60px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(30,28,22,0.9) 0%, rgba(10,10,8,0.4) 70%);
  z-index: 0;
}
.class9-new__decor-curve {
  position: absolute;
  bottom: -40px;
  right: -40px;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 1px solid rgba(181,157,92,0.15);
  z-index: 0;
}
.class9-new__hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.class9-new__hero-left { flex: 1; }
.class9-new__hero-right {
  flex: 0 0 280px;
  text-align: center;
  position: relative;
}
.class9-new__hero-right img {
  max-width: 250px;
  height: auto;
  filter: drop-shadow(0 0 30px rgba(218, 165, 32, 0.3));
}
.class9-new__badge {
  display: inline-block;
  background: linear-gradient(90deg, #b8860b 0%, #daa520 30%, #ffd700 50%, #daa520 70%, #b8860b 100%);
  border: 1px solid #ffd700;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  padding: 7px 20px;
  border-radius: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.class9-new__line-light {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-top: 10px;
  height: auto;
}
.class9-new__heading {
  font-size: 9rem;
  font-weight: 900;
  color: #fff;
  margin: 0;
  line-height: 1.1;
  letter-spacing: -1px;
}
.class9-new__heading .gold {
  color: #DAA520;
}
.class9-new__heading sup {
  font-size: 0.45em;
  vertical-align: super;
  color: #fff;
}
.class9-new__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.class9-new__card {
  background: linear-gradient(160deg, #1a1608 0%, #0d0b04 100%);
  border: 1px solid rgba(181,157,92,0.3);
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 0 30px rgba(0,0,0,0.5), inset 0 1px 0 rgba(218,165,32,0.08);
}
.class9-new__card-top {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
}
.class9-new__icon {
  position: relative;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #2a2008, #0d0b04);
  border: 2px solid rgba(218,165,32,0.5);
  box-shadow: 0 0 20px rgba(218,165,32,0.35), 0 0 40px rgba(218,165,32,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.class9-new__icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.class9-new__icon-check {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #f5ce45, #c98000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #1a0e00;
  font-weight: 900;
  border: 2px solid #0d0b04;
  line-height: 1;
}
.class9-new__card-info h3 {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 8px;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
.class9-new__card-info h3 .gold {
  color: #DAA520;
}
.class9-new__card-info p {
  font-size: 16px;
  color: #ccc;
  margin: 0;
  line-height: 1.5;
}
.class9-new__card-bottom {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-top: 1px solid rgba(181,157,92,0.2);
  padding-top: 18px;
}
.class9-new__card-bottom p {
  font-size: 15px;
  color: #ccc;
  margin: 0;
  line-height: 1.6;
}
.class9-new__card-bottom .gold {
  color: #DAA520;
  font-weight: 700;
}
.class9-new__check-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: linear-gradient(135deg, #f5ce45, #c98000);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #1a0e00;
  font-weight: 900;
  flex-shrink: 0;
  margin-top: 1px;
}
.class9-new__footer {
  text-align: center;
  position: relative;
  z-index: 1;
}
.class9-new__tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 20px;
  color: #fff;
  margin: 0 0 25px;
  font-weight: 500;
}
.class9-new__tagline-line {
  flex: 1;
  max-width: 120px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #DAA520);
}
.class9-new__tagline-line:last-child {
  background: linear-gradient(90deg, #DAA520, transparent);
}
.class9-new__tagline-text {
  white-space: nowrap;
}
.class9-new__tagline .gold {
  color: #DAA520;
}
.class9-new__btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(180deg, #f5ce45 0%, #e6a800 35%, #c98000 65%, #a86500 100%);
  box-shadow: inset 0 2px 3px rgba(255,255,200,0.4), 0 4px 18px rgba(0,0,0,0.5), 0 0 0 2px rgba(180,120,0,0.6);
  color: #1a0e00;
  font-size: 20px;
  font-weight: 800;
  padding: 12px 14px 12px 44px;
  border-radius: 50px;
  text-decoration: none;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s;
}
.class9-new__btn:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 2px 3px rgba(255,255,200,0.4), 0 6px 26px rgba(0,0,0,0.6), 0 0 0 2px rgba(180,120,0,0.6);
  color: #1a0e00;
}
.class9-new__btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #111;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
  line-height: 1;
}


/* =================== */
/* === Responsive  === */
/* =================== */

@media (min-width:1024px){
  .top-header{padding-left: 1cqw; padding-right: 1cqw;}
  .container {max-width: 99%;}
  .top-slider, .numbers-section, .q-sky-content{width: 85%; margin: auto;}
  .about-section, .who-we-are, .top-footer,  .free-chaptbx, .footer-navigation, .container-page{width:95%; margin: auto;}
  .about-section, .container-page{width:75%;}
  .boards-matters, .class9-matters, .text-content, .chapter-set, .monthly-quiz-sec, .class9-new, .quiz-banner-web, .testi-section, .faq-section, .archive-grid, .blog-detail-thumb{width: 75%; margin: auto;}
  .faq-section{margin-bottom: 3rem}
  .about-left{width: 50%}
  .why-choose-ts { max-width: 74%;}

}
@media (min-width:1360px){
  .top-header{padding-left: 5cqw; padding-right: 5cqw;}
  .container {max-width: 99%;}
  .top-slider, .numbers-section, .q-sky-content{width: 75%; margin: auto;}
  .about-section, .who-we-are, .top-footer, .free-chaptbx, .footer-navigation, .container-page, .why-topperssky{width:80%; margin: auto;}
  .about-section, .container-page{width:65%;}
  .who-we-are{width:90%; margin: auto;}
  .boards-matters, .class9-matters, .text-content, .chapter-set, .monthly-quiz-sec, .testi-section, .faq-section, .archive-grid{width: 65%; margin: auto;}
  .faq-section{margin-bottom: 3rem}
    
}
@media (min-width:1536px){
  .top-header{padding-left: 4.8cqw; padding-right: 4.8cqw;}
  .container {max-width: 80%;}
  .top-slider, .numbers-section, .free-chaptbx, .about-section, .chapter-set, .top-footer, .class9-new, .footer-navigation, .container-page, .quiz-banner-web{width: 75%; margin: auto;}
  .about-section,  .container-page, .q-sky-content{width: 62%;}
  .who-we-are,.blog-section{width:100%; margin: auto;}
  .boards-matters, .class9-matters, .text-content, .monthly-quiz-sec, .testi-section, .faq-section, .archive-grid{width: 65%; margin: auto;}  
  .faq-section{margin-bottom: 3rem}
  .top-slider{margin-top: 1rem}
}
@media (min-width:1921px){
    body{zoom:1.2;}
    .container{ max-width: 90%;}
    .top-slider, .numbers-section, .free-chaptbx, .about-section, .chapter-set, .top-footer, .class9-new, .footer-navigation, .container-page{width: 85%; margin: auto;}
    .about-section, .quiz-banner-web, .container-page, .q-sky-content{width: 72%;}
    .who-we-are, .blog-section{width:100%; margin: auto;}
    .boards-matters, .class9-matters, .text-content, .monthly-quiz-sec, .testi-section, .faq-section, .archive-grid{width:75%; margin: auto;}  
    .top-fold .hero{max-width: 52%;}
    .free-vs-premium-section{max-width: 85%}
}

@media (max-width:1920px) {
  .main-navigation ul{gap: 0.8cqw;}
}

@media(max-width:1500px){
  .free-vs-premium-section {
  max-width: 100%;
}
}
@media (max-width:1360px) {
  .main-navigation ul{gap: 1cqw;}
  .boards-content-box .grid-four { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width:1200px) {
    .why-choose-ts .who-we-are {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width:1024px) {
  .hero {max-width: 50%;}
  .hero h1 { font-size: 4.85cqw; line-height: 5.3cqw;}
  .section-title{font-size: 3.6rem; margin-bottom: 1rem;}
  .testimonial-card::before, .testimonial-card::after { font-size: 56px; }
  .testimonial-section .avatar { width: 48px; height: 48px; }
  .chapter-points{padding:10px 15px 40px; font-size: 1.4cqw;}
  .blog-detail .hero h1 { font-size: 4rem; margin-bottom: 20px;}
   #mega-menu-wrap-menu-1 .mega-menu-toggle ~ button.mega-close:before {
    display: none !important;
  }
  .archive-grid{grid-template-columns: 1fr;}
  .why-choose-ts {
    width: 100%;
    margin: auto;
    max-width: 100%;
}
}


@media (max-width:940px) {
  .class9-new { width: 82%; padding: 35px 30px 30px; }
  .class9-new__heading { font-size: 4.5rem; }
  .class9-new__hero-right { flex: 0 0 200px; }
  .class9-new__hero-right img { max-width: 180px; }
  .logo {max-width: 150px;}
  .main-navigation ul { gap: 2.6cqw; font-size: 1.7cqw; }
  .btn-download{padding: 1rem 1.6rem; font-size: 14px;}
  .hero {max-width: 70%;}
  .hero h1 {font-size: 5.85cqw; line-height: 5.3cqw;}
  .top-slider, .numbers-section { width: 90%; margin: auto;}
  .boards-matters, .class9-matters, .testi-section, .faq-section {
    width: 82%; margin: auto;
  }
  .about-section, .who-we-are, .top-footer, .footer-navigation, .container-page {
    width: 92%; margin: auto;
  }
  .counter-box {font-size: 4cqw;}
  .boards-box h4{font-size: 2cqw;}
  .boards-name a{font-size: 2cqw;}

  .class9-matters .free-txt { font-size: 2.5cqw; padding: 20px 0 10px;}
  .class9-matters p{font-size: 1rem;}
  .class9-matters h2.section-title {font-size: 7cqw;}
  .home-sections{gap: 4rem;}
  .top-footer {grid-template-columns: 40% 1fr;}
  .video-box iframe { border-radius: 20px; max-height: 350px; }

  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{right:0; width:80%}
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{ right:0; width:90% }
  #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{width: 100%}

  .our-vision{flex-direction: column; width: 80%}
  .blog-detail .hero h1 { font-size: 3.5rem;}
  .blog-detail-thumb{padding-bottom: 2rem}
  .class-tab span{ display: none;}
  .single-post .image-caption {bottom: -10px;}
.chapters-box .free img {
    width: 60px;
}
.free-chaptbx.grid-two {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    max-width: 80%;
}
.why-choose-ts .who-we-are {
    grid-template-columns: 1fr;
}

}

@media (max-width: 767px) {
  .class9-new { width: 95%; padding: 30px 20px 30px; border-radius: 20px;
    background: #0a0a08 url(../images/areyou9th-back.jpg) center bottom no-repeat;
    background-size: contain; }
  .class9-new__hero { flex-direction: column; text-align: center; gap: 20px; margin-bottom: 15px; }
  .class9-new__hero-right { flex: 0 0 auto; }
  .class9-new__hero-right img { max-width: 160px; }
  .class9-new__heading { font-size: 6rem; }
  .class9-new__cards { grid-template-columns: 1fr; gap: 16px; }
  .class9-new__card { padding: 20px 16px; }
  .class9-new__card-info h3 { font-size: 16px; }
  .class9-new__card-info p { font-size: 13px; }
  .class9-new__btn { font-size: 16px; padding: 10px 10px 10px 32px; }
  .class9-new__btn-arrow { width: 36px; height: 36px; font-size: 15px; }
  .class9-new__tagline { font-size: 16px; margin: 0 0 15px;}
  .class9-new__tagline-line { max-width: 80px; }

  .home-sections{gap:3.8rem;}
  .hero, .top-slider, .numbers-section, .boards-matters, .class9-matters, .testi-section, .faq-section,
  .about-section, .who-we-are, .top-footer, .footer-navigation, .container-page { max-width: 100%; width: 100%;}
  .container-page{padding-left: 15px; padding-right: 15px;}
  .app-btns-top{transform: scale(0.7); padding: 1rem 0 2rem}
  .testimonial-card { padding: 20px; border-radius: 12px; }
  .testimonial-card::before, .testimonial-card::after { font-size: 46px; opacity: 0.12; }
  .testimonial-text { font-size: 15px; line-height: 1.6; }
  .swiper-pagination .swiper-pagination-bullet-active { width: 18px; height: 7px; }
  .numbers-section .grid-four{grid-template-columns: 1fr 1fr; gap: 2rem}
  .counter-box {font-size: 6cqw;}
  .boards-content-box .grid-four{grid-template-columns: 1fr 1fr; gap: 1rem}
  .chapter-points{font-size: 2.4cqw;}
  .chapter-points li:before{top: 4px}
  .class9-matters .free-txt { font-size: 3.8cqw;}
  .class9-matters h4{ font-size: 4.6cqw;}
  .class9-matters p { font-size: 2.8cqw;}
  .about-point-box{padding:15px 15px 15px 40px; width: 230px;font-size: 2.5cqw;}
  .about-point-box:before{left: 10px; top: 15px;}
  .section-title {font-size: 3.2rem;}
  .top-footer{grid-template-columns: 1fr}
  .footer-navigation{ grid-template-columns: 1fr 40% }
  .video-box iframe { border-radius: 20px; max-height: 300px; }
  .desktop-show{display: none;}
  .mobile-show{display: block;}
  .our-vision{width: 96%}
  .monthly-quiz-sec{max-width: 100%}
  .free-chaptbx.grid-three,.free-chaptbx.grid-two, .blog-section .grid-three, .why-topperssky .grid-two{grid-template-columns: 1fr;}
  #class9 .quiz-winner-lable{top: 0;}
  .quizzes-wrapper{max-width: 100%;}
  .quizcard{flex-direction: column; gap: 10px;}
  .blog-detail .hero, .blog-detail-thumb{max-width: 99%;}
  .blog-detail{padding-top: 15px !important;}
  .single-boards .single-container, .quiz-hero{ max-width:100%;}
  .single-boards .single-container{padding: 0}
  .archive-grid article.post.status-publish {backdrop-filter: unset; box-shadow: none;}
  .archive .top-fold .hero { padding: 0 20px; }
  .single.single-post .blog-detail .hero h1,
  .single.single-ncert-solutions .blog-detail .hero h1 { 
    font-size: 32px; line-height: 40px; }
  .footer-appicon.flex-col{flex-direction: row;}
.free-chaptbx.grid-two {
    max-width: 100%;
}
.offer-full-course img {
    border-radius: 0;
}
.hero .app-btns-top {
    transform: scale(1);
    margin-bottom: 5px;
}
.why-choose-ts .who-we-are h4 {
    font-size: 16px;
    max-width: 90%;
}

}

@media (max-width:570px) {
  .class9-new__hero-right { display: none; }
    .left-chapter {
    padding: 10px 15px 15px 15px;
}
.chapters-box .free img {
    width: 45px;
}

.chapter-num {
    padding: 4px 20px;
    margin: auto;
    margin-top: -25px;
    font-size: 14px;
}

.chapters-box {
    padding: 15px 10px 10px 10px;
}

.chapters-box .free {
    top: -8px;
    right: -8px;
}

.free-chaptbx.grid-two {
    gap: 15px;
}
.class9-new__cards{    margin-bottom: 20px;}
  .class9-new__badge { margin-bottom: 10px;}
}

@media (max-width:480px) {
  .class9-new { width: 100%; padding: 25px 15px 25px; border-radius: 16px; }
  .class9-new__hero-right img { max-width: 130px; }
  .class9-new__badge { font-size: 16px; padding: 5px 16px; }
  .class9-new__card-info h3 { font-size: 15px; }
  .class9-new__btn { font-size: 14px; padding: 9px 9px 9px 26px; }
  .class9-new__btn-arrow { width: 32px; height: 32px; font-size: 13px; }
  .top-subhead{padding: 20px 0;}
  .hero h1 { font-size:8cqw; line-height: 10.3cqw; }
  .class9-matters h2.section-title { font-size: 9cqw;}
  .class9-matters h4 span{ width: 40px; height: 40px;}
  .class9-matters p { font-size: 3.8cqw;}
  .class9-matters h2.section-title{padding: 1.5rem 0 0.5rem;}
  .boards-name{flex-wrap: wrap; gap:1rem}
  .boards-name a{padding: 6px 20px;font-size:3.5cqw; width: 48%}
  .boards-content-box .grid-four{gap: 0.3rem;}
  .chapter-points {font-size: 3.4cqw;}
  .boards-box h4 {font-size: 3cqw;}
  .about-point-box { width: 320px; font-size: 3.4cqw; }
  .section-title { font-size: 3.4rem;}
  .left-titles .sub-title{display: block;max-width: 200px;}
  .class9-matters .start-early{padding: 30px 10px 10px;}
  .footer-navigation{ grid-template-columns: 1fr }
  .video-box iframe { border-radius: 20px; max-height: 250px; }
  .info-row{flex-direction: column;}
  .top-footer .left-titles{ justify-content: center; align-items: center; display: flex; flex-direction: column;}
  .btn-3d{font-size: 24px;}
  .monthly-quiz-sec h2{padding: 5px 5px 8px}
  body.page .entry .entry-header{font-size: 4cqw;}
  .btn-wrap input.wpcf7-form-control.wpcf7-submit { width: 100%; }
    .contact-form { margin-top: 20px; }
    .single-post .bd_toc_container { width: 100% !important; }
    .single-boards table td { font-size: 13px; padding: 10px; word-break: break-word; }
    #articleContent table td p { margin-bottom: 0; }
    .single-boards table td p { font-size: 13px; word-break: break-word; }
    .social-list { display: flex; flex-wrap: wrap; }
    .archive .site-main { padding-bottom: 0;}
}
@media (max-width:400px) {
  .about-point-box{font-size: 3.8cqw;}
  .counter-box {font-size: 8cqw;}
  .boards-box h4 {font-size: 3.4cqw;}
  .section-title { font-size: 3.2rem;}
}

/* Responsive.css */
@media (max-height:650px){.banner_slider .slider_frame{width:290px}.banner_slider #frmae_slider{width:285px}.custom-header .container{padding-top:165px}.content-header h1{font-size:5.5rem!important;line-height:65px!important}.banner_slider::before{height:420px!important;left:-80px!important;width:500px!important;background-size:100% 100%!important}.home .testimonial-text{padding-bottom:15px!important;font-size:15px!important}.home .stars{margin-bottom:30px}}@media (max-height:600px){.banner_slider .slider_frame{width:267px}.banner_slider #frmae_slider{width:260px}.home .custom-header .container{padding-top:140px;align-items:start}.content-header p{font-size:15px!important}.home .left-column .app-btn{width:170px}.home .left-column .app-btn svg{width:40px}.app-btn span{font-size:12px!important}.left-column .app-btn span p{font-size:16px!important}.home .site-branding{padding:10px 15px 0}}@media (max-width:1600px){html{font-size:58%}.container{padding:0 2.5rem}.section-two .forbackground{width:100rem;height:100rem}.section-two .left-column{flex-basis:30%}.scroller{bottom:-30px}}@media (max-width:1470px){.single-header .single-title,.single-container{max-width:1199px;gap:4rem}.social-community{padding-top:0}}@media (max-width:1366px){.section-two .forbackground{width:95rem;height:95rem}.container{max-width:1140px}.content-header h2{font-size:70px}.scroller{bottom:-30px;opacity:.6}.single-header .entry-title{font-size:5.8rem}.single-header .site-featured-image{max-width:1000px}.single-header .single-title,.single-container,.post-navigation .nav-links{max-width:90%}.content-header h1{font-size:6rem!important;line-height:75px!important}.home .banner_slider::before{width:500px!important;left:-80px;background-size:100% 100%}.home .custom-header .container{padding-top:150px}.home .left-column .downloa-app{margin-bottom:55px}.content-header .right-column{margin-right:-85px}.home .section-four .why-different-grid .box video,.home .section-four .why-different-grid .box{max-width:190px;font-size:25px;line-height:38px}a.mega-menu-link,.section-two .left-column,.section-three .container p,.section-four p,.section-five p{font-size:16px!important}body .main-logo{max-width:200px;margin-top:10px}.section-two .right-column .d-flex:first-child div:first-child{height:60%!important;display:flex;align-items:center}.box.thr{height:188px!important}.footer-ct img{width:200px}.img-bx img{width:165px;height:190px;object-fit:cover}.vision-bx-2 .im1:before{top:185px;left:0}.vision-bx-2 .im2:before{top:-40px;left:120px}.site-branding .downloa-app.v1{margin-top:10px}.web-stories-list.is-view-type-grid.columns-5 .web-stories-list__story{flex-basis:calc(25% - 8px)!important}}@media(max-width:1250px){body .main-logo{max-width:150px}.main-navigation .main-menu>li>a{font-weight:500;margin-right:1rem;font-size:16px}.downloa-app.v1 .app-btn{padding:6px 12px;border-radius:6px}.site-header.active{padding:10px 0!important}}@media(max-width:1199px){.container{max-width:940px}.content-header h2{font-size:58px}.content-header p{font-size:18px;line-height:26px}.banner_slider::before{width:375px;height:375px}.section-two .forbackground{width:79rem}.contact-wrapper h3{font-size:22px}.section-four{background:none}.section-four .video-box{padding:4.4% 9.6% 3.5% 9.2%}.ChapterTrailerSwiper{display:flex;flex-wrap:wrap;justify-content:center}.ChapterTrailerSwiper .item{width:48%}.video-trailer-wrapper{background:url(../images/chapter-bg.jpg) no-repeat center top;background-size:cover}.single-container,.post-navigation .nav-links{max-width:100%}.single-header .single-title,.single-container,.post-navigation .nav-links{max-width:90%}.side-left-br{min-width:210px;width:20%}.newsletter-section .two-col{grid-template-columns:1fr 0.7fr;gap:20px}body #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link{padding:0 12px}.content-header h1{font-size:5.2rem!important;line-height:54px!important}.why-different-grid>div:nth-child(2){max-width:25%}.why-different-grid .d-flex>*{width:100%;flex:1}.home .section-four .why-different-grid .box,.home .section-four .why-different-grid .box video{font-size:18px;line-height:25px;max-width:100%;width:100%;max-height:160px}.box.vid{padding:0 0!important}.contact-wrapper .container{grid-template-columns:1fr auto}.form-footer{max-width:40rem;padding:25px}.contact-wrapper h3{line-height:3rem}input.wpcf7-form-control{height:46px!important}.form-footer textarea.wpcf7-form-control{height:100px!important}.contact-wrapper input[type=submit]{padding:0}.home .video-trailer-wrapper{.card{padding:5px}.tab-content{gap:20px}}.reasons-box{flex-wrap:wrap}.img-bx img{width:100%;height:160px}.reasons-box .img-bx{width:100%}.reasons-box .text-bx p{font-size:14px}.o-vision-box{padding-right:40px}.right-sidebar{min-width:0px!important;width:35%}.right-sidebar-inner{width:100%}.single-container{gap:3rem}.cta-aside-1 .downloa-app.v1>img{display:none}}@media (max-width:1110px){html{font-size:55%}.section-two .forbackground{width:76rem;height:76rem;top:-14%}.section-three .featured-block .featured-video{width:60rem;height:44rem;padding:12px 7px}.btn,.contact-wrapper input[type="submit"]{font-size:18px}.contact-grid.container{grid-template-columns:1fr;padding-left:0;width:100%}.vision-wrapper{gap:3rem}.vision-image{margin:0}.vision-image img{margin:0;width:100%}.vision-box{padding:20px}.single-header .entry-title{font-size:3.8rem}.single-header .site-featured-image{max-width:800px}.right-sidebar{display:none}.cta-aside-1 .downloa-app.v1>img{display:block}.in-blog-ad{display:flex;gap:1rem 6rem;flex-wrap:wrap}.in-blog-ad .cta-aside-1{min-width:330px;flex:1}.post-contnt{max-width:100%!important}body #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link{padding:0 5px}section#custom_html-12{margin-bottom:40px}}@media(max-width:1024px){#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1{z-index:999;gap:0}#mega-menu-wrap-menu-1{background:none!important;position:absolute;right:15px;top:0}.mega-menu-toggle{margin-top:3px}#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{background:#fff}.top-header .flex{margin-right:50px}#mega-menu-wrap-menu-1 #mega-menu-menu-1{justify-content:unset;align-items:normal;display:flex}.site-branding{display:flex;align-items:center;justify-content:flex-start;gap:30px;height:auto}.social-community .container{grid-template-columns:1fr 1fr}.site-branding .downloa-app.v1{margin-left:auto;margin-right:70px}body .main-logo{max-width:190px}.single-container{flex-wrap:wrap}}@media(max-width:991px){.container{flex-wrap:wrap}.content-header h2{font-size:44px}.downloa-app{flex-wrap:wrap}.banner_slider #frmae_slider{width:282px}.banner_slider .slider_frame{width:290px}.section-two .right-column{flex-basis:100%;font-size:18px}.section-two .left-column{flex-basis:50%}.section-two .left-column img{max-width:80%;margin:auto}.section-two .forbackground{width:100%;height:100%;top:52%;border-radius:0}.section-three .container,.section-four .container{grid-template-columns:1fr;align-items:center}body,.download-cta-row p.text-center{font-size:16px}.section-five .shape{top:0}.archive-grid{grid-template-columns:repeat(1,1fr)}.archive-grid .category-blog{padding:2.5em}.single-container{padding:15px 15px 0 15px}.single-container .lwptoc{display:none;width:100%;margin-bottom:0}.single-container .lwptoc .lwptoc_i{padding:14px 0 0}.newsletter-section .two-col{grid-template-columns:1fr;text-align:center;gap:0}.newsletter-section .two-col>div:last-child{order:-1}.newsletter-section .two-col>div:last-child img{max-width:500px;margin-left:-7%;width:100%}.newsletter-section #mc_embed_signup{max-width:100%}.newsletter-section #mc_embed_signup{span,h2,p{text-align:center;display:block}}#mc_embed_signup .mc-field-group input::placeholder{text-align:center}.home .custom-header .container,.home .section-two .container{grid-template-columns:1fr;text-align:center}.home .section-two .left-column{max-width:100%;text-align:center}.content-header p{margin:auto}.home .left-column .downloa-app{justify-content:center;margin-top:20px}.content-header .right-column{margin-right:0}.home .video-trailer-wrapper .tab-content{grid-template-columns:1fr 1fr}.contact-wrapper .container{grid-template-columns:1fr}.contact-wrapper .footer-ct{order:1;margin-top:50px;margin-bottom:0;padding-left:0;justify-content:center}.widget_media_image{text-align:center}.widget_heateor_sss_follow .heateor_sss_bottom_follow{width:fit-content;margin:20px auto}.contact-wrapper .container:before{background:#fff;width:100%;height:50%;border-radius:20px;left:0;bottom:-10px}.foot-left,.foot-right{font-size:12px}.form-footer{max-width:70%;margin:auto}.why-different-grid .d-flex>*{width:fit-content;display:flex;flex-direction:column;align-items:center;max-height:fit-content}.why-different-grid .d-flex{justify-content:start;align-items:center;flex-direction:column}.home .section-four .why-different-grid .box{width:85%;max-height:100px;min-height:100px}.section-three h2,.section-four h2,.section-five h2,.faq-wrapper h2,.video-trailer-wrapper h2,.section-two h2,.download-cta-row h2,.o-vision-box h2,.why-grid-row h2,.contact-content h2{font-size:40px!important}.custom-header{background-color:#010026b0!important;background-blend-mode:overlay}.home .left-column .app-btn{text-align:left}.why-different-grid>div:nth-child(2){max-width:180px;margin:auto}.o-vision-box{text-align:center;padding:0}.contact-wrapper{padding-bottom:10px}.single-post article{p,ul,ol{font-size:16px}}.home .app-btn span{font-size:13px}.home .app-btn span p{font-size:18px}.home .section-two h2{margin-bottom:.8rem}.contact-wrapper h3{line-height:1.4}.web-stories-list.is-view-type-grid.columns-5 .web-stories-list__story{flex-basis:calc(33% - 8px)!important}.archive header.page-header{padding-top:20px!important}.content-header h1{font-size:4.8rem!important}.home .custom-header .container{padding-top:115px}a.mega-menu-link{font-size:18px!important;line-height:normal!important;;height:auto!important;text-transform:uppercase!important;padding:15px 20px!important;border-bottom:1px solid #333!important}a.mega-menu-link:hover,.mega-current-menu-item a.mega-menu-link{background:#1b435d!important;color:#fefeff!important}}@media (max-width:768px){html{font-size:53%}.custom-header .container,.page-id-31 .contact-wrapper>.container{grid-template-columns:1fr}.section-three .featured-block{height:auto}.vision-wrapper{flex-direction:column}.vision-box,.vision-image{width:100%}.section-three .featured-block .featured-video{background-size:contain}.section-three .featured-block .featured-video .video-wrap{height:88%}.section-three .featured-block .featured-text h3{line-height:normal}.review-wrapper{min-height:auto}.contact-wrapper .footer-logo{display:block;margin:auto}.custom-header{height:auto;padding:25px 0}.content-header{position:relative;text-align:center;padding-top:30px}.scroller{bottom:0;opacity:1}.content-header .left-column{margin-bottom:30px}.downloa-app{justify-content:center}.site-branding .downloa-app.v1 .app-btn{width:max-content}.connect-grid{grid-template-columns:1fr;gap:10px}.connect-grid .svg-icon svg{height:80px;width:80px;padding:15px}.home{.section-two,.section-three,.section-four,.section-five,.video-trailer-wrapper{padding:4.5rem 0}}}@media (max-width:767px){html{font-size:45%}.section-five .shape{display:none}.ChapterTrailerSwiper .last-child{grid-column:auto}body.category .page-header h1{font-size:30px}.main-navigation .main-menu>li>a{font-size:16px}.main-navigation>div{display:block}.main-navigation{margin-right:0}.section-two .mobile{display:block;width:100%}.section-two .desktop{display:none}.section-three .left-column{order:2}.sp-easy-accordion .sp-ea-single .ea-header a{font-size:17px;font-weight:500;line-height:normal}.section-two .container,.section-three .featured-block,.section-three .featured-block.reverse{flex-direction:column}.section-two .forbackground{display:none}p,.section-two .right-column ul li{font-size:18px}.section-two .right-column{background-color:none;color:#000}.section-three .featured-block{gap:5rem}.section-three .featured-block .featured-video .video-wrap{height:100%}.container{max-width:540px}.refund-title{font-size:18px}.two-col{grid-template-columns:repeat(1,1fr);gap:20px}.site-branding{padding:10px 15px!important;height:100%}body.page .entry .entry-content{max-width:100%;margin:0}.foot-right{margin-bottom:10px;padding-top:10px}.section-three .container .swiper-pagination{top:92%}.video-trailer-wrapper .owl-nav{top:36%}.archive-grid article.post.status-publish .entry-header h2{font-size:23px;line-height:1.30}.archive-grid article.post.status-publish .entry-content{font-size:16px;line-height:1.5}.newsletter-section h2{font-size:30px!important}#mc_embed_signup form{margin:0!important}.home .custom-header .container{padding-top:80px}.content-header .left-column p:after{right:-7rem}.section-three{overflow:hidden}.section-three .container .swiper{max-width:400px}.why-different-grid{flex-direction:column;justify-content:center}.home .section-four .why-different-grid .box,.why-different-grid .d-flex>*{width:100%}.home .section-four .why-different-grid .box video,.home .section-four .why-different-grid .box.vid{max-height:100%;height:100%}.faq-wrapper p,.faq-wrapper li{font-size:14px}.foot-left,.foot-right{p{font-size:12px;margin:0}}.footer-ct section#nav_menu-4{max-width:100%}.footer-ct{gap:0 2rem}.contact-wrapper .footer-ct{justify-content:space-between}.home .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{padding:20px 20px 20px 40px}.form-footer{max-width:100%}.home .left-column .downloa-app{margin-bottom:15px}.why-different-grid>div:nth-child(2){max-width:90%}h1.breadcrumb{font-size:45px!important}.reason-row{margin-top:0!important}.reasons-box{margin-bottom:10px}.web-stories-list.is-view-type-grid.columns-5 .web-stories-list__story{flex-basis:calc(50% - 8px)!important}.content-header h1{font-size:5.5rem!important}.home .section-four .why-different-grid .box{max-height:none;min-height:100px;height:100%!important;padding:20px;font-size:22px}.single-container h2{font-size:3.4rem}.blog-detail .container{max-width:100%;padding:0}}@media (max-width:680px){.section-three .container .swiper{max-width:460px}.single-header .single-title{margin-top:0;padding-left:15px;overflow:hidden}.single-header .single-title,.single-container{max-width:100%}p{font-size:16px}}@media(max-width:575px){.ChapterTrailerSwiper .item{width:100%}.contact-wrapper .footer-ct nav ul{display:flex;gap:1rem 2.5rem!important;flex-wrap:wrap}.footer-ct img{width:150px;margin-bottom:-15px}.contact-wrapper .footer-ct{margin-top:20px;padding:15px}.footer-ct .widget_heateor_sss_follow{margin-top:0}#colophon .site-info{flex-wrap:wrap;justify-content:center;gap:0 20px}.content-header .left-column>p{margin:0 -15px}.contact-wrapper .container:before{width:94%;left:3%;bottom:0}.section-three h2,.section-four h2,.section-five h2,.faq-wrapper h2,.video-trailer-wrapper h2,.section-two h2,.download-cta-row h2,.o-vision-box h2,.why-grid-row h2,.contact-content h2{font-size:35px!important}.home .sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon{width:35px;height:35px;min-width:35px}.home .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{padding:15px 15px 15px 25px!important;line-height:1.3}.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body{padding:0 55px 20px 26px!important}.footer-ct span.heateor_sss_svg{width:30px!important;height:30px!important}.vision-bx-2 .im1 img{border-radius:0 50px 0 50px}.vision-bx-2 .im2 img{border-radius:50px 0 50px 0}.vision-bx-2 .img-row .relative:first-child svg{top:-50px;right:15rem;width:45px}.home .custom-header .container{padding-top:35px}.content-header h1{line-height:60px!important}.home .testimonial-card:after{height:40px}.single-container .side-left-br{width:100%;display:block;min-width:225px;position:fixed;bottom:0;background:#fff;z-index:9;left:0}.single-post footer.site-footer{padding-bottom:50px}.single-container .heateor_sss_sharing_container{margin-bottom:0;border:0;padding-bottom:2px}.site-branding .downloa-app.v1{margin-top:8px;margin-right:60px}.site-branding .downloa-app.v1 a span{display:none}.site-branding .downloa-app.v1 .app-btn svg{width:30px;height:30px}}@media (max-width:520px){.home .banner_slider::before{width:120%!important;left:-11%!important}.home .banner_slider{width:100%;justify-content:center}.download-cta-row h2{font-size:30px!important;line-height:48px}h1.breadcrumb{font-size:35px!important;margin-bottom:5rem!important}.home .left-column .downloa-app .rating-app{margin-top:10px}}@media (max-width:480px){.custom-header .main-image-round{width:300px;height:300px}.social-community .container{grid-template-columns:1fr}.social-community .container a{text-align:center}h2{font-size:4.5rem}.custom-header h2{font-size:5rem}h3{font-size:3.4rem}.section-three .featured-block .featured-video{width:300px;height:218px}.contact-form,footer .site-info{flex-direction:column}.contact-form .half{width:100%}.contact-wrapper .container{grid-template-columns:1fr;box-sizing:content-box}.main-navigation .main-menu>li>a{margin-bottom:2rem}.custom-header .container{gap:0;padding:0 15px}.content-header .left-column,.content-header .right-column{width:100%}.logo-main img{max-width:300px}.app-btn{text-align:left}.section-three .container .swiper{max-width:310px}.downloa-app.v1 .app-btn{padding:4px 9px;border-radius:6px;width:120px}.app-btn img{max-width:18px}.app-btn span,.home .app-btn span{font-size:11px}.app-btn span p,.home .app-btn span p{font-size:13px}body .main-logo{max-width:160px}.archive-grid .category-blog{padding:1.5em}.archive-grid .category-blog .entry-header h2{font-size:1.5em}.archive-grid .category-blog .entry-content{font-size:.9em}body.archive .date{font-size:.7em}.archive-grid .category-blog .entry-header h2 a{-webkit-line-clamp:inherit}.right-sidebar{min-width:100%}.right-sidebar-inner{width:100%}.refar-earn-banner{display:none}.site-branding{gap:10px}.app-btn{border-radius:6px;gap:10px;width:auto}.app-btn span p{font-size:13px;line-height:normal}.content-header .left-column>p{margin:0}.swiper-slide.swiper-slide-active{width:100%!important}.section-two .right-column .d-flex div.h-100 img{min-height:275px!important}.section-two .right-column .d-flex.absolute{bottom:15px!important;padding:9px 20px!important}.home .video-trailer-wrapper .tab-content{grid-template-columns:1fr}.form-footer .contact-form .half{width:100%}}@media (max-width:440px){.home .testimonial-text{font-size:12px!important;padding-bottom:25px}.home .stars{margin-bottom:25px}.footer-ct .menu-item{font-size:12px}.home .plus-icon,.profile-images img{width:40px;height:40px}.web-stories-list.is-view-type-grid.columns-5 .web-stories-list__story{flex-basis:100%!important}.home .swiper-slide{min-width:0}.social-icon-footer .social-list li span{height:35px;width:35px}}@media (max-width:400px){.site-branding .downloa-app.v1{margin-top:0;flex-wrap:nowrap}.home .left-column .downloa-app{gap:6px}#mc_embed_signup .mc-field-group{width:100%!important}.form-footer{padding:20px 8px}.mega-menu-toggle{margin-top:3px}.home .swiper{max-width:100%}.testimonial-card{padding:5px}}@media (max-width:360px){.section-three .container .swiper{max-width:300px}.site-branding .downloa-app.v1 .app-btn svg{width:22px;height:22px}}
.archive-grid .navigation.pagination{ grid-column: 1 / -1;} 
.archive-grid  .pagination .nav-links>*.prev{ display: flex; align-items: center;}  


@media screen and (min-width: 1280px) and (max-width: 1440px) and (min-height: 600px) and (max-height: 800px) {
    .section-title{font-size: 3.5rem;}
    .chapter-points li{font-size: 14px;}
}
@media screen and (min-width: 1110px) and (max-width: 1199px) {
    .section-title{font-size: 3.4rem;}
    .main-navigation ul { gap:5px;}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding: 0}
    .top-header .btn-download{  padding: 1.2rem 1.8rem;}
}

@media (resolution: 120dpi) {
  .section-title{font-size: 3rem;}
}

/* Custom Modal Styles */
.app-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.app-modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  border-radius: 10px;
  text-align: center;
  position: relative;
  max-width: 380px;
  color: #000;
}

.app-modal .modal-buttons {
    margin-top: 20px;
}

.app-modal .btn {
    padding: 12px 24px;
    margin: 8px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
}

.app-modal .btn-android {
    background-color: #4CAF50;
    color: white;
}

.app-modal .btn-ios {
    background-color: #007AFF;
    color: white;
}

.app-modal .btn:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

.app-modal .close-modal {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: -13px;
  background: #000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  top: -10px;
}

.app-modal .close-modal:hover {
    color: #fff;
}
.app-modal .modal-content .downloa-app.v1 {
  flex-wrap: inherit;
}
.app-modal h3 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0;
}

@media(max-width:575px) {
.app-modal .modal-content {
  margin: 25% auto;
  padding: 15px;
  max-width: 340px;
}
.app-modal .modal-content h3 {
  font-size: 24px;
}
  .home .app-modal .app-btn span {
    font-size: 12px;
  }
  .app-modal .downloa-app.v1 .app-btn{width:auto;}

  .free-vs-premium-section {
    margin: 0;
    padding: 50px 10px 40px 10px;
}
.home .free-vs-premium-section {
    padding: 15px 10px 30px 10px;
}
.blog-section .blog-thumb img {
    object-fit: contain;
    height: 115px;
}

}