.elementor-80 .elementor-element.elementor-element-7406003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-80 .elementor-element.elementor-element-fd69239 .elementor-heading-title{text-shadow:0px 0px 4px rgba(0,0,0,0.3);color:#000000;}.elementor-80 .elementor-element.elementor-element-0b0795c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-0fbbae2{--display:flex;}.elementor-80 .elementor-element.elementor-element-507aee5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80 .elementor-element.elementor-element-2621890{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-80 .elementor-element.elementor-element-8e29756{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -9px;}.elementor-80 .elementor-element.elementor-element-3fc823d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-1c261f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-80 .elementor-element.elementor-element-5a2e0d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-67098d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 9px;}.elementor-80 .elementor-element.elementor-element-633244a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-80 .elementor-element.elementor-element-9cea5a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;}.elementor-80 .elementor-element.elementor-element-97f6615{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-80 .elementor-element.elementor-element-6c425f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-80 .elementor-element.elementor-element-25731da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -19px;}.elementor-80 .elementor-element.elementor-element-e7d159a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-70f8ad9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -5px;}.elementor-80 .elementor-element.elementor-element-5a7c129{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-39a2a7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-80 .elementor-element.elementor-element-78ac8db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-0369f27{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 19px;}.elementor-80 .elementor-element.elementor-element-6bd328f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-e80c250{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-cd873ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-80 .elementor-element.elementor-element-9fe3dbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-80 .elementor-element.elementor-element-507aee5{--width:100%;}.elementor-80 .elementor-element.elementor-element-2621890{--width:25%;}.elementor-80 .elementor-element.elementor-element-3fc823d{--width:25%;}.elementor-80 .elementor-element.elementor-element-5a2e0d0{--width:25%;}.elementor-80 .elementor-element.elementor-element-633244a{--width:25%;}.elementor-80 .elementor-element.elementor-element-6c425f7{--width:25%;}.elementor-80 .elementor-element.elementor-element-e7d159a{--width:25%;}.elementor-80 .elementor-element.elementor-element-5a7c129{--width:25%;}.elementor-80 .elementor-element.elementor-element-78ac8db{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-b2783b9 */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI', Arial, sans-serif;
}

body{
  color:#333;
  line-height:1.6;
  background:#fafafa;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

/* ---------- HERO ---------- */
.hero{
  background:
    linear-gradient(135deg, rgba(179,0,0,0.9), rgba(255,77,77,0.9)),
    url("https://images.unsplash.com/photo-1556761175-4b46a572b786");
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:90px 0;
  text-align:center;
}

.hero h1{
  font-size:42px;
  margin-bottom:10px;
}

.hero p{
  font-size:18px;
  opacity:0.95;
}

.hero-box span{
  display:inline-block;
  margin:10px 6px;
  padding:10px 18px;
  background:rgba(255,255,255,0.2);
  border-radius:30px;
  font-size:14px;
  transition:0.3s;
}

.hero-box span:hover{
  background:#ffd700;
  color:#000;
  transform:translateY(-4px);
}

/* ---------- BUTTON ---------- */
.btn{
  display:inline-block;
  margin-top:30px;
  padding:14px 34px;
  background:#ffd700;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  border-radius:40px;
  transition:0.4s;
}

.btn:hover{
  background:#fff;
  transform:scale(1.08);
}

/* ---------- SECTIONS ---------- */
.section{
  padding:80px 0;
}

.bg-light{
  background:#f3f3f3;
}

.bg-dark{
  background:linear-gradient(135deg,#111,#2a2a2a);
  color:#fff;
  text-align:center;
}

h2{
  text-align:center;
  margin-bottom:40px;
  font-size:32px;
  color:#b30000;
  position:relative;
}

h2::after{
  content:'';
  width:60px;
  height:4px;
  background:#ffd700;
  display:block;
  margin:12px auto 0;
  border-radius:5px;
}

/* ---------- GRID CARDS ---------- */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:25px;
}

.card{
  background:#fff;
  padding:30px 20px;
  border-radius:15px;
  text-align:center;
  font-weight:600;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.card i{
  display:block;
  font-size:36px;
  margin-bottom:15px;
  color:#b30000;
}

.card:hover{
  transform:translateY(-12px);
  box-shadow:0 20px 35px rgba(0,0,0,0.15);
  background:#b30000;
  color:#fff;
}

.card:hover i{
  color:#ffd700;
}

/* ---------- MODULES ---------- */
.module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}

.module{
  background:#fff;
  padding:25px;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:0.4s;
  border-left:5px solid #b30000;
}

.module h3{
  margin-bottom:10px;
  color:#b30000;
}

.module:hover{
  transform:scale(1.05);
  border-left-color:#ffd700;
}

/* ---------- ICON GRID ---------- */
.icon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:30px;
  text-align:center;
}

.icon-box{
  background:#fff;
  padding:30px 20px;
  border-radius:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.icon-box i{
  font-size:40px;
  color:#b30000;
  margin-bottom:15px;
}

.icon-box:hover{
  background:#b30000;
  color:#fff;
  transform:translateY(-10px);
}

.icon-box:hover i{
  color:#ffd700;
}

/* ---------- TOOLS ---------- */
.tools-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}

.tools-grid span{
  padding:10px 22px;
  border-radius:25px;
  background:#fff;
  border:2px solid #b30000;
  font-size:14px;
  font-weight:600;
  transition:0.3s;
}

.tools-grid span:hover{
  background:#b30000;
  color:#fff;
  transform:scale(1.1);
}

/* ---------- FORM ---------- */
.form{
  max-width:480px;
  margin:30px auto 0;
}

.form input,
.form textarea{
  width:100%;
  padding:14px;
  margin-bottom:16px;
  border-radius:8px;
  border:none;
  outline:none;
  font-size:15px;
}

.form input:focus,
.form textarea:focus{
  box-shadow:0 0 0 2px #ffd700;
}

.form button{
  width:100%;
  padding:14px;
  background:#ffd700;
  border:none;
  font-size:16px;
  font-weight:700;
  border-radius:40px;
  cursor:pointer;
  transition:0.3s;
}

.form button:hover{
  background:#fff;
  transform:scale(1.05);
}

.note{
  margin-top:15px;
  font-size:14px;
  opacity:0.8;
}

/* ---------- ANIMATIONS ---------- */
.fade-in{
  animation:fadeIn 1.4s ease;
}

.slide-up{
  animation:slideUp 1.4s ease;
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

@keyframes slideUp{
  from{transform:translateY(60px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}
.bg-dark h2{
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e29756 */.lbs-book-card-seo .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-seo .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-seo .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-seo .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

.lbs-book-card-seo .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lbs-book-card-seo dotlottie-wc{
  width:80% !important;
  height:80% !important;
}

.lbs-book-card-seo .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-seo .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

.lbs-book-card-seo .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c261f2 */.lbs-book-card-perf .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-perf .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-perf .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-perf .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

.lbs-book-card-perf .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lbs-book-card-perf dotlottie-wc{
  width:80% !important;
  height:80% !important;
}

.lbs-book-card-perf .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-perf .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

.lbs-book-card-perf .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67098d2 */.lbs-book-card-3 .book-wrap{
  width:280px;
  height:220px;   /* 👈 card height badha di */
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-3 .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-3 .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* Spine */
.lbs-book-card-3 .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

/* Lottie Area */
.lbs-book-card-3 .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lbs-book-card-3 dotlottie-wc{
  width:80% !important;
  height:80% !important;
}

/* Title Area Bottom */
.lbs-book-card-3 .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

/* Inside Page */
.lbs-book-card-3 .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

.lbs-book-card-3 .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cea5a4 */.lbs-book-card-web .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-web .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-web .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-web .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

.lbs-book-card-web .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.lbs-book-card-web dotlottie-wc{
  width:80% !important;
  height:80% !important;
}

.lbs-book-card-web .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-web .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

/* 👇 Half open effect */
.lbs-book-card-web .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25731da */.lbs-book-card-graphic .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-graphic .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-graphic .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-graphic .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

.lbs-book-card-graphic .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
}

.lbs-book-card-graphic dotlottie-wc{
  width:100% !important;
  height:100% !important;
}

.lbs-book-card-graphic .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-graphic .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

/* Half open */
.lbs-book-card-graphic .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70f8ad9 */.lbs-book-card-content .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-content .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-content .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-content .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

/* Lottie Fix (No squeeze) */
.lbs-book-card-content .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
}

.lbs-book-card-content dotlottie-wc{
  width:100% !important;
  height:100% !important;
}

.lbs-book-card-content .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-content .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

/* Half open */
.lbs-book-card-content .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39a2a7d */.lbs-book-card-drop .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-drop .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-drop .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-drop .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

/* Lottie Fix */
.lbs-book-card-drop .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
}

.lbs-book-card-drop dotlottie-wc{
  width:100% !important;
  height:100% !important;
}

.lbs-book-card-drop .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-drop .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

/* Half Open */
.lbs-book-card-drop .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0369f27 */.lbs-book-card-free .book-wrap{
  width:280px;
  height:220px;
  position:relative;
  perspective:1800px;
  font-family:Arial, sans-serif;
}

.lbs-book-card-free .book{
  width:100%;
  height:100%;
  position:relative;
  transform-style:preserve-3d;
}

.lbs-book-card-free .book-cover{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  transform-origin:left;
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);
  box-shadow:
      -4px 0 8px rgba(0,0,0,0.12),
      3px 6px 12px rgba(0,0,0,0.06);
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.lbs-book-card-free .book-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:rgba(0,0,0,0.10);
}

/* Lottie Fix */
.lbs-book-card-free .lottie-box{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  overflow:hidden;
}

.lbs-book-card-free dotlottie-wc{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1;   /* 👈 main fix */
}


.lbs-book-card-free .card-title{
  text-align:center;
  padding:8px 10px;
  font-size:14px;
  font-weight:600;
  background:#f5f5f5;
}

.lbs-book-card-free .book-page{
  position:absolute;
  width:100%;
  height:100%;
  background:#ffc107;
  border-radius:12px;
  padding:15px;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.6;
  box-shadow:
      inset 5px 0 8px rgba(0,0,0,0.08),
      0 10px 18px rgba(0,0,0,0.12);
}

/* Half Open */
.lbs-book-card-free .book-wrap:hover .book-cover{
  transform:rotateY(-110deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7683aa1 */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI', Arial, sans-serif;
}

body{
  color:#333;
  line-height:1.6;
  background:#fafafa;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

/* ---------- HERO ---------- */
.hero{
  background:
    linear-gradient(135deg, rgba(179,0,0,0.9), rgba(255,77,77,0.9)),
    url("https://images.unsplash.com/photo-1556761175-4b46a572b786");
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:90px 0;
  text-align:center;
}

.hero h1{
  font-size:42px;
  margin-bottom:10px;
}

.hero p{
  font-size:18px;
  opacity:0.95;
}

.hero-box span{
  display:inline-block;
  margin:10px 6px;
  padding:10px 18px;
  background:rgba(255,255,255,0.2);
  border-radius:30px;
  font-size:14px;
  transition:0.3s;
}

.hero-box span:hover{
  background:#ffd700;
  color:#000;
  transform:translateY(-4px);
}

/* ---------- BUTTON ---------- */
.btn{
  display:inline-block;
  margin-top:30px;
  padding:14px 34px;
  background:#ffd700;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  border-radius:40px;
  transition:0.4s;
}

.btn:hover{
  background:#fff;
  transform:scale(1.08);
}

/* ---------- SECTIONS ---------- */
.section{
  padding:80px 0;
}

.bg-light{
  background:#f3f3f3;
}

.bg-dark{
  background:linear-gradient(135deg,#111,#2a2a2a);
  color:#fff;
  text-align:center;
}

h2{
  text-align:center;
  margin-bottom:40px;
  font-size:32px;
  color:#b30000;
  position:relative;
}

h2::after{
  content:'';
  width:60px;
  height:4px;
  background:#ffd700;
  display:block;
  margin:12px auto 0;
  border-radius:5px;
}

/* ---------- GRID CARDS ---------- */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:25px;
}

.card{
  background:#fff;
  padding:30px 20px;
  border-radius:15px;
  text-align:center;
  font-weight:600;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.card i{
  display:block;
  font-size:36px;
  margin-bottom:15px;
  color:#b30000;
}

.card:hover{
  transform:translateY(-12px);
  box-shadow:0 20px 35px rgba(0,0,0,0.15);
  background:#b30000;
  color:#fff;
}

.card:hover i{
  color:#ffd700;
}

/* ---------- MODULES ---------- */
.module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}

.module{
  background:#fff;
  padding:25px;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:0.4s;
  border-left:5px solid #b30000;
}

.module h3{
  margin-bottom:10px;
  color:#b30000;
}

.module:hover{
  transform:scale(1.05);
  border-left-color:#ffd700;
}

/* ---------- ICON GRID ---------- */
.icon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:30px;
  text-align:center;
}

.icon-box{
  background:#fff;
  padding:30px 20px;
  border-radius:20px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}

.icon-box i{
  font-size:40px;
  color:#b30000;
  margin-bottom:15px;
}

.icon-box:hover{
  background:#b30000;
  color:#fff;
  transform:translateY(-10px);
}

.icon-box:hover i{
  color:#ffd700;
}

/* ---------- TOOLS ---------- */
.tools-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}

.tools-grid span{
  padding:10px 22px;
  border-radius:25px;
  background:#fff;
  border:2px solid #b30000;
  font-size:14px;
  font-weight:600;
  transition:0.3s;
}

.tools-grid span:hover{
  background:#b30000;
  color:#fff;
  transform:scale(1.1);
}

/* ---------- FORM ---------- */
.form{
  max-width:480px;
  margin:30px auto 0;
}

.form input,
.form textarea{
  width:100%;
  padding:14px;
  margin-bottom:16px;
  border-radius:8px;
  border:none;
  outline:none;
  font-size:15px;
}

.form input:focus,
.form textarea:focus{
  box-shadow:0 0 0 2px #ffd700;
}

.form button{
  width:100%;
  padding:14px;
  background:#ffd700;
  border:none;
  font-size:16px;
  font-weight:700;
  border-radius:40px;
  cursor:pointer;
  transition:0.3s;
}

.form button:hover{
  background:#fff;
  transform:scale(1.05);
}

.note{
  margin-top:15px;
  font-size:14px;
  opacity:0.8;
}

/* ---------- ANIMATIONS ---------- */
.fade-in{
  animation:fadeIn 1.4s ease;
}

.slide-up{
  animation:slideUp 1.4s ease;
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

@keyframes slideUp{
  from{transform:translateY(60px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}
.bg-dark h2{
  color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b51c4b2 */.tools-section {
  padding: 80px 20px;
  text-align: center;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 40px;
}

.tool-box {
  background: #0C1F3C;
  border-radius: 14px;
  padding: 25px;
  color: #fff;
  transition: 0.4s;
  border: 1px solid rgba(255,255,255,0.2);
}

.tool-box i {
  font-size: 34px;
  margin-bottom: 10px;
  color: #ffd54f;
}

.tool-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}

/* RESPONSIVE */
@media(max-width:992px){
  .tools-grid{
    grid-template-columns: repeat(2,1fr);
  }
}

@media(max-width:576px){
  .tools-grid{
    grid-template-columns: 1fr;
  }
}
.tools-grid span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tools-grid i {
  color: #ffd54f; /* same yellow theme */
}/* End custom CSS */