.elementor-kit-8{--e-global-color-primary:#E85D3C;--e-global-color-secondary:#F5B841;--e-global-color-text:#1F1B3A;--e-global-color-accent:#2CB1A8;--e-global-color-316233c:#FFF8EC;--e-global-color-956a64f:#5B3FD9;--e-global-typography-primary-font-family:"Baloo Da 2";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Hind Siliguri";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
ছোটদের পাঠশালা — Elementor Custom CSS
Paste in: Elementor > Site Settings > Custom CSS
(or Theme Customizer > Additional CSS)
========================================================= */
/* ---------- FONTS ----------
Add this in your theme (or use Elementor Custom Code):
------------------------------ */
:root{
/* Brand palette */
--cp-primary: #D95D2B; /* orange */
--cp-primary-dark: #B94718;
--cp-primary-fg: #FFF9F2;
--cp-secondary: #F0B94A; /* yellow */
--cp-accent: #2FA48C; /* teal */
--cp-indigo: #4838C9; /* fun indigo */
--cp-yellow: #F5C445; /* fun yellow */
--cp-bg: #FBF6EC; /* warm cream */
--cp-muted: #F3EBDA;
--cp-card: #FFFFFF;
--cp-text: #1F1B3A;
--cp-text-soft: #5B5875;
--cp-border: #E9DFC7;
--cp-radius: 1rem;
--cp-radius-lg: 1.5rem;
--cp-shadow-sm: 0 4px 12px rgba(31,27,58,.06);
--cp-shadow-md: 0 10px 24px -8px rgba(31,27,58,.15);
--cp-shadow-lg: 0 20px 40px -12px rgba(217,93,43,.35);
--cp-gradient-hero: linear-gradient(135deg,#E85E27 0%,#EE8A3A 45%,#F5C445 100%);
--cp-font-heading: "Baloo Da 2","Hind Siliguri",sans-serif;
--cp-font-body: "Hind Siliguri",sans-serif;
}
/* ---------- BASE ---------- */
body.cp-page,
.cp-scope,
.cp-scope *{ box-sizing:border-box; }
.cp-scope{
font-family:var(--cp-font-body);
color:var(--cp-text);
background:var(--cp-bg);
line-height:1.6;
}
.cp-scope h1,.cp-scope h2,.cp-scope h3,.cp-scope h4{
font-family:var(--cp-font-heading);
font-weight:800;
color:var(--cp-text);
line-height:1.2;
margin:0;
}
.cp-scope p{ margin:0; }
.cp-scope img{ max-width:100%; height:auto; display:block; }
.cp-scope a{ color:inherit; text-decoration:none; }
.cp-container{
max-width:1152px;
margin:0 auto;
padding:0 1.5rem;
}
.cp-section{ padding:6rem 0; }
.cp-section--muted{ background:var(--cp-muted); }
.cp-section--soft{
background:linear-gradient(135deg,rgba(217,93,43,.05),var(--cp-bg) 40%,rgba(245,196,69,.10));
}
.cp-section__title{
font-size:2rem;
text-align:center;
display:flex; align-items:center; justify-content:center; gap:.75rem;
}
@media(min-width:768px){ .cp-section__title{ font-size:2.5rem; } }
.cp-section__title svg,
.cp-section__title i{ color:var(--cp-primary); }
.cp-section__sub{
text-align:center;
color:var(--cp-text-soft);
margin-top:.5rem;
}
/* ---------- NAV ---------- */
.cp-nav{
position:sticky; top:0; z-index:50;
background:rgba(255,255,255,.95);
backdrop-filter:blur(10px);
border-bottom:1px solid rgba(217,93,43,.15);
}
.cp-nav__inner{
max-width:1152px; margin:0 auto;
padding:.5rem 1.5rem;
display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.cp-nav__brand{ display:flex; align-items:center; gap:.5rem; }
.cp-nav__brand img{ height:44px; width:44px; }
.cp-nav__brand span{
font-family:var(--cp-font-heading);
font-weight:800;
color:var(--cp-primary);
font-size:1.15rem;
}
.cp-nav__links{
list-style:none; margin:0; padding:0;
display:none; align-items:center; gap:.25rem;
}
@media(min-width:900px){ .cp-nav__links{ display:flex; } }
.cp-nav__links a{
display:inline-block;
padding:.4rem .9rem;
border-radius:999px;
font-weight:600;
font-size:.9rem;
transition:.2s;
}
.cp-nav__links a:hover{
background:rgba(217,93,43,.1);
color:var(--cp-primary);
}
.cp-nav__cta{
display:inline-flex; align-items:center; gap:.4rem;
background:var(--cp-primary);
color:var(--cp-primary-fg) !important;
padding:.5rem 1.1rem;
border-radius:999px;
font-weight:700;
font-size:.9rem;
box-shadow:var(--cp-shadow-sm);
transition:transform .2s;
}
.cp-nav__cta:hover{ transform:scale(1.05); }
/* ---------- HERO ---------- */
.cp-hero{
background:var(--cp-gradient-hero);
overflow:hidden;
position:relative;
}
.cp-hero__grid{
max-width:1152px; margin:0 auto;
padding:5rem 1.5rem;
display:grid; gap:2.5rem; align-items:center;
}
@media(min-width:768px){
.cp-hero__grid{ grid-template-columns:1fr 1fr; padding:8rem 1.5rem; }
}
.cp-hero__badge{
display:inline-flex; align-items:center; gap:.5rem;
background:var(--cp-yellow);
color:var(--cp-text);
padding:.4rem 1rem;
border-radius:999px;
font-weight:700;
font-size:.9rem;
box-shadow:var(--cp-shadow-sm);
}
.cp-hero h1{
color:#fff;
font-size:2.5rem;
margin-top:1rem;
line-height:1.15;
}
@media(min-width:768px){ .cp-hero h1{ font-size:3.25rem; text-align:left; } }
.cp-hero h1 span{ color:var(--cp-yellow); }
.cp-hero__lead{
color:rgba(255,255,255,.92);
font-size:1.1rem;
margin-top:1rem;
}
.cp-hero__actions{
margin-top:1.5rem;
display:flex; flex-wrap:wrap; gap:1rem; align-items:center;
justify-content:center;
}
@media(min-width:768px){ .cp-hero__actions{ justify-content:flex-start; } }
.cp-price{
background:#fff;
border-radius:1rem;
padding:.75rem 1.5rem;
box-shadow:var(--cp-shadow-md);
text-align:center;
}
.cp-price__old{ font-size:.85rem; color:var(--cp-text-soft); text-decoration:line-through; }
.cp-price__new{ font-size:1.9rem; font-weight:800; color:var(--cp-primary); font-family:var(--cp-font-heading); }
.cp-btn{
display:inline-flex; align-items:center; gap:.5rem;
padding:1rem 2rem;
border-radius:999px;
font-weight:700;
font-size:1.05rem;
box-shadow:var(--cp-shadow-lg);
transition:transform .2s;
cursor:pointer; border:none;
}
.cp-btn:hover{ transform:scale(1.05); }
.cp-btn--indigo{ background:var(--cp-indigo); color:#fff !important; }
.cp-btn--primary{ background:var(--cp-primary); color:#fff !important; }
.cp-hero__img{
transform:rotate(2deg);
border-radius:1.5rem;
box-shadow:0 30px 60px -20px rgba(0,0,0,.4);
max-width:420px; margin:0 auto;
}
/* ---------- FEATURES ---------- */
.cp-features{
display:grid; gap:1.25rem;
grid-template-columns:1fr;
}
@media(min-width:640px){ .cp-features{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .cp-features{ grid-template-columns:repeat(4,1fr); } }
.cp-feature{
background:var(--cp-card);
border:2px solid var(--cp-border);
border-radius:1rem;
padding:1.5rem;
text-align:center;
transition:transform .2s;
}
.cp-feature:hover{ transform:translateY(-4px); }
.cp-feature__icon{
display:inline-flex; align-items:center; justify-content:center;
width:56px; height:56px;
background:rgba(217,93,43,.12);
color:var(--cp-primary);
border-radius:1rem;
margin-bottom:.75rem;
}
.cp-feature h3{ font-size:1.25rem; }
.cp-feature p{ color:var(--cp-text-soft); font-size:.9rem; margin-top:.25rem; }
/* ---------- BOOK GRID ---------- */
.cp-books{
margin-top:2rem;
display:grid; gap:1rem;
grid-template-columns:1fr;
}
@media(min-width:640px){ .cp-books{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .cp-books{ grid-template-columns:repeat(4,1fr); } }
.cp-book{
background:var(--cp-card);
border:1px solid var(--cp-border);
border-radius:.85rem;
padding:1rem;
display:flex; align-items:center; gap:.75rem;
box-shadow:var(--cp-shadow-sm);
transition:transform .2s;
}
.cp-book:hover{ transform:translateY(-2px); }
.cp-book__icon{
width:44px; height:44px;
border-radius:999px;
background:rgba(47,164,140,.18);
color:var(--cp-primary);
display:inline-flex; align-items:center; justify-content:center;
flex-shrink:0;
}
.cp-book__num{ font-size:.72rem; font-weight:700; color:var(--cp-primary); }
.cp-book__title{ font-weight:600; line-height:1.3; }
/* ---------- WHY / VALUE CARDS ---------- */
.cp-why{
display:grid; gap:1.5rem;
grid-template-columns:1fr;
margin-top:3rem;
}
@media(min-width:768px){ .cp-why{ grid-template-columns:repeat(3,1fr); } }
.cp-why__card{
background:var(--cp-card);
border:2px solid rgba(217,93,43,.2);
border-radius:1.5rem;
padding:2rem;
box-shadow:var(--cp-shadow-md);
}
.cp-why__card:nth-child(2){ border-color:rgba(47,164,140,.3); }
.cp-why__card:nth-child(3){ border-color:rgba(72,56,201,.3); }
.cp-why__icon{
width:64px; height:64px; border-radius:1rem;
background:rgba(217,93,43,.15); color:var(--cp-primary);
display:inline-flex; align-items:center; justify-content:center;
margin-bottom:1rem;
}
.cp-why__card:nth-child(2) .cp-why__icon{ background:rgba(47,164,140,.2); color:var(--cp-accent); }
.cp-why__card:nth-child(3) .cp-why__icon{ background:rgba(72,56,201,.15); color:var(--cp-indigo); }
.cp-why__card h3{ font-size:1.25rem; margin-bottom:.5rem; }
.cp-why__card p{ color:var(--cp-text-soft); }
/* ---------- HOW TO ORDER ---------- */
.cp-steps{
display:grid; gap:1.5rem;
grid-template-columns:1fr;
margin-top:3rem;
}
@media(min-width:768px){ .cp-steps{ grid-template-columns:repeat(3,1fr); } }
.cp-step{
position:relative;
background:var(--cp-card);
border:1px solid var(--cp-border);
border-radius:1.5rem;
padding:2rem;
box-shadow:var(--cp-shadow-md);
}
.cp-step__badge{
position:absolute; top:-1rem; left:2rem;
background:var(--cp-primary);
color:#fff;
padding:.25rem 1rem;
border-radius:999px;
font-size:.8rem;
font-weight:800;
box-shadow:var(--cp-shadow-sm);
}
.cp-step__icon{
width:56px; height:56px; border-radius:1rem;
background:rgba(217,93,43,.12); color:var(--cp-primary);
display:inline-flex; align-items:center; justify-content:center;
margin-top:.5rem;
}
.cp-step h3{ font-size:1.25rem; margin-top:1rem; }
.cp-step p{ color:var(--cp-text-soft); margin-top:.5rem; }
/* ---------- REVIEWS ---------- */
.cp-reviews{
display:grid; gap:1.5rem;
grid-template-columns:1fr;
margin-top:3rem;
}
@media(min-width:768px){ .cp-reviews{ grid-template-columns:repeat(3,1fr); } }
.cp-review{
background:var(--cp-card);
border:1px solid var(--cp-border);
border-radius:1.5rem;
padding:2rem;
box-shadow:var(--cp-shadow-md);
}
.cp-review__stars{ color:var(--cp-yellow); font-size:1.1rem; letter-spacing:2px; }
.cp-review__text{ margin-top:1rem; color:var(--cp-text); }
.cp-review__author{
margin-top:1.5rem;
display:flex; align-items:center; gap:.75rem;
}
.cp-review__avatar{
width:44px; height:44px; border-radius:999px;
background:rgba(217,93,43,.15); color:var(--cp-primary);
font-weight:800;
display:inline-flex; align-items:center; justify-content:center;
}
.cp-review__name{ font-weight:700; }
.cp-review__role{ font-size:.85rem; color:var(--cp-text-soft); }
/* ---------- ORDER FORM ---------- */
.cp-order{
max-width:720px; margin:0 auto;
background:var(--cp-card);
border:2px solid rgba(217,93,43,.3);
border-radius:1.5rem;
padding:2rem;
box-shadow:var(--cp-shadow-lg);
}
@media(min-width:768px){ .cp-order{ padding:3rem; } }
.cp-order h2{
font-size:1.9rem; text-align:center;
display:flex; align-items:center; justify-content:center; gap:.5rem;
}
.cp-order .cp-section__sub{ margin-bottom:1.5rem; }
.cp-order form{ display:grid; gap:1rem; }
.cp-order label{ font-weight:600; font-size:.9rem; display:block; margin-bottom:.35rem; }
.cp-order input,
.cp-order textarea,
.cp-order select{
width:100%;
padding:.75rem 1rem;
border:2px solid var(--cp-border);
border-radius:.75rem;
font-family:var(--cp-font-body);
font-size:1rem;
background:#fff;
transition:.2s;
}
.cp-order input:focus,
.cp-order textarea:focus,
.cp-order select:focus{
outline:none;
border-color:var(--cp-primary);
box-shadow:0 0 0 3px rgba(217,93,43,.15);
}
.cp-order__total{
background:linear-gradient(135deg,rgba(217,93,43,.08),rgba(245,196,69,.15));
padding:1rem 1.25rem;
border-radius:1rem;
display:flex; justify-content:space-between; align-items:center;
font-weight:700;
}
.cp-order__total b{ color:var(--cp-primary); font-size:1.4rem; font-family:var(--cp-font-heading); }
.cp-order button[type="submit"]{
width:100%;
background:var(--cp-primary);
color:#fff;
border:none;
padding:1rem;
font-size:1.1rem;
font-weight:800;
border-radius:999px;
cursor:pointer;
box-shadow:var(--cp-shadow-lg);
transition:transform .2s;
}
.cp-order button[type="submit"]:hover{ transform:scale(1.02); }
/* ---------- FOOTER ---------- */
.cp-footer{
background:var(--cp-text);
color:#E9E5F5;
padding:3rem 1.5rem 2rem;
text-align:center;
}
.cp-footer a{ color:var(--cp-yellow); font-weight:700; }
.cp-footer a:hover{ text-decoration:underline; }
.cp-footer__brand{
font-family:var(--cp-font-heading);
font-size:1.4rem;
font-weight:800;
color:#fff;
margin-bottom:.5rem;
}
.cp-footer__credit{ margin-top:1rem; font-size:.9rem; color:rgba(255,255,255,.7); }
/* ---------- UTILITIES ---------- */
.cp-scope .cp-text-center{ text-align:center; }
.cp-scope .cp-mt-2{ margin-top:.5rem; }
.cp-scope .cp-mt-4{ margin-top:1rem; }
.cp-scope .cp-mt-8{ margin-top:2rem; }
html{ scroll-behavior:smooth; }
[id]{ scroll-margin-top:80px; }
/* ---------- ELEMENTOR SPECIFIC OVERRIDES ----------
Use these class names on Elementor sections/columns so
the styles apply inside Elementor widgets.
------------------------------------------------------- */
.elementor .cp-scope .elementor-heading-title{ font-family:var(--cp-font-heading); }
.elementor .cp-scope .elementor-button{
background:var(--cp-primary);
color:#fff;
border-radius:999px;
font-weight:700;
padding:1rem 2rem;
box-shadow:var(--cp-shadow-lg);
transition:transform .2s;
}
.elementor .cp-scope .elementor-button:hover{ transform:scale(1.05); background:var(--cp-primary-dark); }/* End custom CSS */