section.imagination_section {
    background: url(../img/home/section4_bg.jpg);
    padding-top: 100px;
    padding-bottom: 100px;
}
section.about_section {
    background: #ff167f;
    position: relative;
}
img.img-fluid.abt_img1 {
    height: 290px;
    box-shadow: rgb(255 255 255) 0px 7px 29px 0px;
}
img.img-fluid.abt_img2 {
    position: absolute !important;
    bottom: 21px;
    right: 13%;
    height: 224px;
    box-shadow: rgb(255 255 255) 0px 7px 29px 0px;
}
.abs_abts_imcrt img {
    position: absolute;
    height: 200px;
    z-index: 99;
    left: -1%;
    bottom: -22%;
}
.zoom-in-out-box {
  animation: zoom-in-zoom-out 5s ease infinite;
  border-radius: 0.5rem;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 80%
  }
  50% {
    scale: 100%;
  }
  100% {
    scale: 80%;
  }
}

.zoom-in-out-box2 {
  animation: zoom-in-zoom-out 7s ease infinite;
  border-radius: 0.5rem;
}

@keyframes zoom-in-zoom-out2 {
  0% {
    scale: 80%
  }
  50% {
    scale: 100%;
  }
  100% {
    scale: 80%;
  }
}


.inner_sec3_sider h3 {
    color: #fff;
    font-size: 70px;
}
.inner_sec3_sider p {
    color: #fff;
    font-size: 17px;
}
.inner_sec3_sider_imgns h3 {
    font-size: 55px;
    margin-bottom: 20px;
}

section.imagination_section {
    background: url(../images/section4_bg.jpg);
    padding-top: 100px;
    padding-bottom: 100px;
}

.inner_sec3_siderabs_img {
    position: relative;
}
.inner_sec3_sider_imgns p {
    font-size: 17px;
}
.header_logo img {
    height: 109px;
}
.classes_img.cls_imgs {
    width: auto;
}
.classes_section.cls_sec_one {
    border: 1px solid #00c6f7;
}
.classes_section.cls_sec_one h1 {
    color: #00c6f7;
}

.classes_section.cls_sec_two {
    border: 1px solid #f68634;
}
.classes_section.cls_sec_two h1 {
    color: #f68634;
}

.classes_section.cls_sec_three {
    border: 1px solid #bcd434;
}
.classes_section.cls_sec_three h1 {
    color: #bcd434;
}
img.footer_logo {
    height: 128px;
}
.inner_sider_hero2 {
    position: relative;
}
.popup img {
    height: 290px;
    max-width: 190px;
}
.inner_sider_hero {
    padding-top: 135px;
}

.inner_sider_hero p {
    font-size: 22px;
    margin-top: 9px;
}

section.px_index_banner {
    height: 550px !important;
    width: 100%;
}

span.bluee {
    color: #1cb4f0;
    font-weight: bold;
}
.inner_sec3_sider2 p {
    font-size: 23px;
    margin-top: 20px;
}



.owl-carousel1 .owl-dots {
    margin-top: -30px;
    position: absolute;
    bottom: -43px;
    width: 100%;
}
.owl-carousel1 .owl-dots .owl-dot span {
    width: 18px !important;
    height: 18px !important;
    margin: 5px 7px;
    background: #eee !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-carousel1 .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f1f3f2;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    margin-bottom: 34px;
}
.owl-carousel1 button.owl-dot:focus {
    border: none !important;
    outline: 0
}

.owl-carousel1 button.owl-dot.active span::before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #001840;
    margin-left: -5px;
    margin-top: 4px;
    border: 1px solid #fff9f9
}
.full_sec3_bsxs .col-lg-6.col-md-6.col-sm-6.col-12 {
    padding-left: 0;
    padding-right: 0;
}
.full_sec3_bsxs .col-lg-6.col-md-12.col-sm-12.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
.pdng_rl {
    padding-left: 20px;
    padding-right: 20px;
}
.inner_sec3_sider2 {
    padding-left: 30px;
}

.full_bk_dtsls {
    background: #fff;
}
.book-details h2 {
    font-size: 1.8rem;
    color: #ff6f61;
    margin-bottom: 15px;
    border-left: 5px solid #ff9b90;
    padding-left: 10px;
    font-weight: bold;
}
   /* Background Doodle Animation */
    .background-doodles {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('https://demolook.in/pebble-tree-new/assets/images/edu1.jpg') center/cover no-repeat;
      animation: moveBackground 60s linear infinite;
      opacity: 0.2;
      z-index: 0;
    }

    @keyframes moveBackground {
      0% { background-position: 0 0; }
      100% { background-position: 100% 100%; }
    }

    .book-image {
      flex: 1;
      background: #fff7f4;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px;
    }

    .book-image img {
      width: 100%;
      max-width: 350px;
      object-fit: cover;
      border-radius: 15px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }

    .book-details {
      flex: 2;
      padding: 30px;
      background: linear-gradient(to right, #ffffff, #fff7f4);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }


    .learn-list {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

    .learn-list li {
      display: flex;
      align-items: center;
      background: #ffedea;
      padding: 10px 15px;
      border-radius: 10px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

    .learn-list li img {
      width: 25px;
      height: 25px;
      margin-right: 10px;
    }

    .learn-list li span {
      font-size: 1rem;
      font-weight: 500;
      color: #444;
    }

    .button-group {
      margin-top: 20px;
      display: flex;
      align-items: center;
    }

    .buy-button {
      display: inline-block;
      padding: 12px 25px;
      font-size: 1.2rem;
      color: #fff;
      background: linear-gradient(to right, #ff6f61, #ff3e30);
      border: none;
      border-radius: 8px;
      text-decoration: none;
      cursor: pointer;
      box-shadow: 0 8px 16px rgba(255, 63, 48, 0.3);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .buy-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 24px rgba(255, 63, 48, 0.4);
    }

    .wishlist {
      margin-left: 20px;
      font-size: 1rem;
      font-weight: 600;
      color: #ff6f61;
      text-decoration: underline;
      cursor: pointer;
      transition: color 0.3s ease;
    }

    .wishlist:hover {
      color: #ff3e30;
    }

    @media (max-width: 768px) {

      .book-image, .book-details {
        max-width: 100%;
        padding: 20px;
      }

    }


.bg_color1 {
    background: url(../images/footer1.jpg) no-repeat;
    position: relative;
    background-attachment: fixed;
}
.bg_color1::after {
    background: #ffffffd4;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
}
.full_sec3_bsxs {
    position: relative;
    z-index: 9;
}
.full_dwns_abts.col-lg-10.mx-auto {
    z-index: 999;
    position: relative;
}
.blog_item {
    height: 100%;
}

.sider_full_imgase_scps img {
    border-radius: 0 15px 15px 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.sider_full_imgase_scps img {
    width: 351px !important;
    height: 100%;
} 
.sider_full_imgase_scps .till_img2 {
    position: absolute !important;
    width: 349px !important;
    left: 16px;
    height: 100% !important;
    z-index: 9;
    transition: .5s;
    top: 0;
}
section#print_scrop1 {
    background: url(../img/books-ddl-bg.png);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: contain;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}
.bks_texts p {
    color: #6c5c5c;
    font-size: 22px;
    margin-top: 10px;
}
/* ================================
   OUR BOOKS - BOOKSHELF STYLE
   ================================ */

.px_about {
  position: relative;
  background: linear-gradient(180deg, #f7f9ff 0%, #ffffff 60%);
}
.cover_sec_fls {
    position: relative;
    z-index: 9;
}.pt_card_icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(225,82,64,0.10);
  color:#e15240;
  margin-bottom:14px;
}

.pt_card_icon svg{
  display:block;
}
.px_heading2 h1 {
    font-size: 40px;
    color: #484848;
}
.px_heading2 h1 span {
    color: #00b4ff;
}
/* Heading block */
.full_dwns_abts {
  margin-bottom: 40px;
}

.inner_dwsns_abts h1 {
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.inner_dwsns_abts p {
  max-width: 820px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
  opacity: 0.9;
}

/* Grid spacing */
.full_down_cvr_bks .row {
  gap: 22px 0;
}

/* Card container */
.inner_sider_pgs {
  position: relative;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 30px rgba(10, 25, 70, 0.08);
  transition: all 0.25s ease;
}

/* Hover lift */
.inner_sider_pgs:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(10, 25, 70, 0.14);
  border-color: rgba(0,0,0,0.10);
}

/* Image = book cover look */
.inner_sider_pgs img {
  width: 100%;
  border-radius: 10px;
  display: block;

  /* book depth illusion */
  box-shadow: 10px 10px 0 rgba(15, 45, 120, 0.08);
  transform: perspective(900px) rotateY(-8deg);
  transition: all 0.25s ease;
}

.inner_sider_pgs:hover img {
  transform: perspective(900px) rotateY(-2deg) translateY(-2px);
  box-shadow: 14px 14px 0 rgba(15, 45, 120, 0.10);
}

/* Book spine strip */
.inner_sider_pgs::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  height: calc(100% - 28px);
  width: 12px;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.02));
  z-index: 2;
  pointer-events: none;
}
.px_bottompadder100 {
    padding-bottom: 50px;
}
/* Title area */
.bks_texts {
  padding-top: 14px;
}

.bks_texts p {
  font-weight: 700;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

/* Optional: make it feel like a shelf */
.full_down_cvr_bks {
  position: relative;
  padding-bottom: 30px;
}

.full_down_cvr_bks::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: linear-gradient(90deg, rgba(0,0,0,0.10), rgba(0,0,0,0.04), rgba(0,0,0,0.10));
  border-radius: 10px;
  opacity: 0.5;
}

/* Pebble Tree - Our Services page */

.px_services { position: relative; }

.pt_service_card{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:16px;
  padding:26px 22px;
  margin-bottom:24px;
  box-shadow:0 10px 30px rgba(10,25,70,0.08);
  transition:all .25s ease;
  min-height: 240px;
}

.pt_service_card:hover{
  transform: translateY(-6px);
  box-shadow:0 18px 45px rgba(10,25,70,0.14);
  border-color: rgba(0,0,0,0.10);
}

.pt_service_icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background: rgba(225,82,64,0.10); /* matches your svg btn fill */
  color:#e15240;
}

.pt_service_card h3{
  font-weight:800;
  font-size:18px;
  margin:0 0 10px 0;
  line-height:1.25;
}

.pt_service_card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  opacity:0.9;
}

/* Process strip */
.pt_process_wrap{
  background: #fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;
  padding:28px 26px;
  box-shadow:0 10px 30px rgba(10,25,70,0.06);
}

.pt_h2{
  font-weight:900;
  margin:0 0 10px 0;
}

.pt_p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  opacity:0.9;
}

.pt_steps{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}

.pt_step{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background: rgba(0,0,0,0.03);
  font-weight:700;
}

.pt_step span{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e15240;
  color:#fff;
  font-weight:900;
}

/* CTA buttons */
.pt_cta_btns{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.pt_btn_primary,
.pt_btn_secondary{
  display:inline-block;
  padding:12px 22px;
  border-radius:14px;
  font-weight:800;
  text-decoration:none !important;
  transition:all .2s ease;
}

.pt_btn_primary{
  background:#e15240;
  color:#fff !important;
}

.pt_btn_primary:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 28px rgba(225,82,64,0.28);
}

.pt_btn_secondary{
  background:#fff;
  border:1px solid rgba(0,0,0,0.10);
  color:#111 !important;
}

.pt_btn_secondary:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 28px rgba(10,25,70,0.10);
}
.bks_texts p {
    font-size: 21px;
    margin-top: 10px;
}

/* Pebble Tree - About page */

.pt_tagline{
  font-weight: 800;
  font-size: 18px;
  opacity: 0.95;
}

/* CTA buttons */
.pt_cta_row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.pt_btn_primary,
.pt_btn_secondary{
  display:inline-block;
  padding:12px 22px;
  border-radius:14px;
  font-weight:800;
  text-decoration:none !important;
  transition:all .2s ease;
}

.pt_btn_primary{
  background:#e15240;
  color:#fff !important;
}

.pt_btn_primary:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 28px rgba(225,82,64,0.28);
}

.pt_btn_secondary{
  background:#fff;
  border:1px solid rgba(0,0,0,0.10);
  color:#111 !important;
}

.pt_btn_secondary:hover{
  transform: translateY(-2px);
  box-shadow:0 12px 28px rgba(10,25,70,0.10);
}

/* Section heading */
.pt_section_head p{
  max-width: 850px;
  margin: 0 auto;
  opacity: 0.9;
  line-height: 1.7;
}

/* Cards */
.pt_cards_row{
  margin-top: 30px;
}
.pt_card{
  background:#fff;
  border: 2px dashed rgba(225,82,64,0.35);
  border-radius: 18px;
  padding: 26px 22px;
  margin-bottom: 22px;
  box-shadow: 0 10px 30px rgba(10,25,70,0.06);
  transition: all .25s ease;
  position: relative;
  overflow: hidden;
}

/* subtle corner shine */
.pt_card::after{
  content:"";
  position:absolute;
  top:-40%;
  right:-30%;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(225,82,64,0.10), transparent 60%);
  transform: rotate(12deg);
  pointer-events:none;
}

.pt_card:hover{
  transform: translateY(-6px);
  border-style: solid;
  border-color: rgba(225,82,64,0.65);
  box-shadow: 0 18px 45px rgba(10,25,70,0.12);
}

.pt_card h3{
  font-weight: 900;
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 1.25;
}

.pt_card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  opacity:0.9;
}

/* Split section + stats */
.pt_split{ margin-top: 5px; }

.pt_block{
  background: transparent;
}

.pt_h2{
  font-weight: 900;
  margin: 0;
}

.pt_p{
  font-size:15px;
  line-height:1.8;
  opacity: 0.92;
}

.pt_stat_wrap{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 30px rgba(10,25,70,0.06);
  display:grid;
  gap:12px;
}

.pt_stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-radius:14px;
  background: rgba(0,0,0,0.03);
}

.pt_stat_num{
  font-weight: 900;
  font-size: 18px;
  color:#e15240;
}

.pt_stat_txt{
  font-weight: 700;
  opacity:0.9;
}

/* Why list */
.pt_list_wrap{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;
  padding:22px 24px;
  box-shadow:0 10px 30px rgba(10,25,70,0.06);
}

.pt_list{
  list-style: none;
  padding: 0;
  margin: 0;
  display:grid;
  gap:12px;
}

.pt_list li{
  padding-left: 28px;
  position: relative;
  font-weight: 700;
  opacity: 0.92;
  line-height: 1.6;
}

.pt_list li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e15240;
}

/* Text blocks */
.pt_text_block{
  background:#fff;
  border:1px solid rgba(0,0,0,0.06);
  border-radius:18px;
  padding:28px 26px;
  box-shadow:0 10px 30px rgba(10,25,70,0.06);
}

/* Mobile */
@media(max-width:575px){
  .pt_text_block{ padding:22px 18px; }
  .pt_stat_wrap{ padding:18px; }
  .pt_card{ min-height:auto; padding:22px 18px; }
}

/* Mobile */
@media(max-width:575px){
  .pt_service_card{ padding:22px 18px; min-height:auto; }
  .pt_process_wrap{ padding:22px 18px; }
}
/* ===== Hero right images -> Book cover style ===== */

.px_index_banner .inner_sider_hero2 .popup{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 12px 35px rgba(10,25,70,0.12);
  transition: all .25s ease;
}

/* Book spine (left strip) */
.px_index_banner .inner_sider_hero2 .popup::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  height: calc(100% - 20px);
  width: 12px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.03));
  z-index: 2;
  pointer-events: none;
}

/* Subtle shine */
.px_index_banner .inner_sider_hero2 .popup::after{
  content: "";
  position: absolute;
  top: -30%;
  left: -40%;
  width: 80%;
  height: 160%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  transform: rotate(18deg);
  opacity: 0.6;
  z-index: 3;
  pointer-events: none;
}

/* Cover image */
.px_index_banner .inner_sider_hero2 .popup img{
  width: 100%;
  display: block;
  border-radius: 12px;
  transform: perspective(900px) rotateY(-10deg);
  box-shadow: 12px 12px 0 rgba(225,82,64,0.12);
  transition: all .25s ease;
}

/* Hover lift */
.px_index_banner .inner_sider_hero2 .popup:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 55px rgba(10,25,70,0.18);
}

.px_index_banner .inner_sider_hero2 .popup:hover img{
  transform: perspective(900px) rotateY(-4deg) translateY(-2px);
  box-shadow: 16px 16px 0 rgba(225,82,64,0.14);
}


/* ================================
   CONTACT SECTION (LEFT INFO CARD)
   ================================ */

.px_contact .bg-grays{
  background: #f6f7f9;           /* soft gray */
  border: 1px solid #eef0f3;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* Heading */
.px_contact .heading-s1 h2{
  margin: 0 0 18px 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #1e1f24;
}

/* Each row */
.px_contact .contact-wrap.contact-style1{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 14px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #f0f1f4;
  margin-top: 14px;
  transition: all 0.25s ease;
}

.px_contact .contact-wrap.contact-style1:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.08);
  border-color: rgba(230,77,61,0.18);
}

/* Icon badge */
.px_contact .contact-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(230,77,61,0.10);
  border: 1px solid rgba(230,77,61,0.18);
  flex: 0 0 44px;
}

.px_contact .contact-icon i{
  font-size: 20px;
  color: #e64d3d;
  line-height: 1;
}

/* Text */
.px_contact .contact-text span{
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: #e64d3d;
  margin-bottom: 4px;
}

.px_contact .contact-text p{
  margin: 0;
  color: #2a2d34;
  font-size: 14.5px;
  line-height: 1.6;
}

/* Link styling (email) */
.px_contact .contact-text a{
  color: #2a2d34;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dashed rgba(42,45,52,0.35);
  transition: all 0.2s ease;
}



/* ================================
   RIGHT FORM POLISH (optional)
   ================================ */



/* keep your existing px_btn look, but add hover polish */


/* Mobile: keep flat for performance */
@media(max-width: 575px){
  .px_index_banner .inner_sider_hero2 .popup img{
    transform: none;
    box-shadow: 0 12px 30px rgba(10,25,70,0.12);
  }
  .px_index_banner .inner_sider_hero2 .popup::before{
    display:none;
  }
}


/* Responsive polishing */
@media (max-width: 991px) {
  .inner_dwsns_abts h1 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .inner_sider_pgs {
    padding: 12px;
  }
  .inner_sider_pgs img {
    transform: none;
    box-shadow: 0 10px 25px rgba(10, 25, 70, 0.12);
  }
  .inner_sider_pgs::before {
    display: none;
  }
}