@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {--green: #2fb36b;--white: #ffffff;--muted: rgba(255, 255, 255, 0.62);--panel: rgba(255, 255, 255, 0.055);--line: rgba(255, 255, 255, 0.12);--book-w: clamp(210px, 24vw, 330px);--book-h: calc(var(--book-w) * 1.4663);--book-d: calc(var(--book-w) * 0.09);}
body{font-family: "Poppins", sans-serif;margin: 0;}
.lms-book-banner {background-image: url(../lms-book/lms-book-banner.webp);background-size: cover;background-repeat: no-repeat; background-position: center;min-height: 518px;display: flex;align-items: center;display: -webkit-flex;}
h1{font-family: "Cinzel", serif;font-weight: 700;font-size: 70px;line-height: 80px;letter-spacing: 0%;color: #FFFFFF;}
h1 span{color: #419AFF; font-size: 90px;display: block;}
.long-section {overflow: hidden;}
.lms-book-banner .lms-book-content strong {font-weight: 300;font-size: 30px;line-height: normal;text-transform: capitalize;font-family: "Poppins", sans-serif;display: block;color: #FFFFFF;margin-bottom: 10px;}
.long-section .content-column .content h2{font-family: "Poppins", sans-serif;font-weight: 600;font-size: 28px;color:#419AFF;padding-bottom: 15px;}
.long-section .content-column .content p{font-weight: 400;font-size: 20px;text-align: center;color: #FFFFFF;font-family: "Poppins", sans-serif;margin: 0;}
.video-section {padding: 180px 0;position: relative;background-image: url(../lms-book/gif-img.gif);background-size: cover;background-repeat: no-repeat; background-position: center;}
.video-section::before{content: '';background-image: url(../lms-book/gif-img-overlay.png);background-size: cover;background-repeat: no-repeat; background-position: center;position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.video-banner-content p {font-weight: 300;font-size: 32px;line-height: 45px;letter-spacing: 0%;color: #FFF;z-index: 1;position: relative;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);margin: 0;}
.video-banner-content p strong {font-weight: 700;}
.video-banner-content {max-width: 594px;margin-left: auto;}
.lms-inside-book .heading-h2 {font-weight: 500;font-size: 45px;line-height: 153%;letter-spacing: 0%;text-transform: capitalize;color: #005DC4;}
.lms-inside-book .text p {font-weight: 400;font-size: 18px;line-height: 153%;letter-spacing: 0%;color: #000000;margin-bottom: 30px;}
.lms-inside-book .column.column-8.col-md-7 {padding: 85px 0 100px 125px;}
.long-section .content-column .content {text-align: center;max-width: 470px;margin: auto;}
/* .ambient-band {position: absolute;width: 120%;height: 95px;top: 42%;left: -10%;z-index: -1;filter: blur(32px);opacity: 0.3;transform: rotate(-1deg);background: linear-gradient(90deg, transparent, #7bff39 20%, #ffc400 42%, #ff2e8d 62%, #5428ff 82%, transparent);} */
.section-shell {width: min(1180px, calc(100% - 32px));min-height: 780px;padding: clamp(28px, 5vw, 64px);display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);align-items: center;gap: clamp(28px, 5vw, 74px);border: 1px solid rgba(255,255,255,.08);border-radius: 28px;background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));box-shadow: 0 42px 120px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter: blur(16px);}
.visual-column { position: relative; min-height: 640px; display: grid;place-items: center;margin-left: -125px; margin-top: 75px;}
.book-stage {position: relative;width: min(100%, 520px);height: 560px;display: grid;place-items: center;perspective: 1500px;perspective-origin: 50% 42%;cursor: grab;user-select: none;touch-action: none;transform: scale(0.8);}
.book-stage:active { cursor: grabbing; }
.book-float {transform-style: preserve-3d;animation: floatBook 4.8s ease-in-out infinite;will-change: transform;}
.book-rotator {width: var(--book-w);height: var(--book-h);position: relative;transform-style: preserve-3d;transform: rotateX(-4deg) rotateY(-10deg) rotateZ(-1deg);will-change: transform;}
.face {position: absolute;left: 0;top: 0;backface-visibility: hidden;transform-style: preserve-3d;overflow: hidden;box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);}
.face img {width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none;}
.front, .back {width: var(--book-w);height: var(--book-h);border-radius: 2px 7px 7px 2px;}
.front {transform: translateZ(calc(var(--book-d) / 2));box-shadow: 12px 22px 42px rgba(0,0,0,.32), inset -3px 0 5px rgba(0,0,0,.10);}
.front::after {content: "";position: absolute;inset: 0;background: linear-gradient(105deg, rgba(255,255,255,.25), transparent 16%, transparent 78%, rgba(0,0,0,.08));mix-blend-mode: soft-light;pointer-events: none;}
.back {transform: rotateY(180deg) translateZ(calc(var(--book-d) / 2));box-shadow: -12px 22px 42px rgba(0,0,0,.32), inset 3px 0 5px rgba(0,0,0,.10);}
.spine {width: var(--book-d);height: var(--book-h);left: 50%;margin-left: calc(var(--book-d) / -2);transform: rotateY(-90deg) translateZ(calc(var(--book-w) / 2));background: #040404;}
.page-edge {width: var(--book-d);height: calc(var(--book-h) - 5px);top: 2px;left: 50%;margin-left: calc(var(--book-d) / -2);transform: rotateY(90deg) translateZ(calc(var(--book-w) / 2));background:
repeating-linear-gradient(to right, #f9f6ef 0 1px, #ded9cf 1px 2px),
#eeeae0;box-shadow: inset 0 0 8px rgba(0,0,0,.22);}
.page-top, .page-bottom {width: calc(var(--book-w) - 4px);height: var(--book-d);left: 2px;top: 50%;margin-top: calc(var(--book-d) / -2);background: repeating-linear-gradient(to bottom, #fff 0 1px, #dedbd4 1px 2px);}
.page-top { transform: rotateX(90deg) translateZ(calc(var(--book-h) / 2)); }
.page-bottom { transform: rotateX(-90deg) translateZ(calc(var(--book-h) / 2)); }
.book-shadow {position: absolute;width: 64%;height: 38px;left: 18%;bottom: 37px;border-radius: 50%;background: rgba(0,0,0,.76);filter: blur(18px);transform: rotateX(72deg);animation: shadowPulse 4.8s ease-in-out infinite;}
.drag-tip {position: absolute;bottom: -68px;left: 50%;translate: -50% 0;display: inline-flex;align-items: center;gap: 8px;color:#FFF;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;}
.drag-tip svg { width: 17px; opacity: .7; }
.content-column {display: flex;flex-direction: column;align-items: stretch;}
.eyebrow {display: inline-flex;align-items: center;gap: 10px;margin-bottom: 18px;color: #9ef0bf;font-size: 12px;font-weight: 700;letter-spacing: .18em;text-transform: uppercase;}
.eyebrow::before {content: "";width: 34px;height: 1px;background: var(--green);box-shadow: 0 0 14px var(--green);}
@keyframes floatBook {0%, 100% { transform: translateY(4px) rotateZ(-.35deg); }50% { transform: translateY(-16px) rotateZ(.35deg); }}
@keyframes shadowPulse {0%, 100% { transform: rotateX(72deg) scale(.92); opacity: .72; } 50% { transform: rotateX(72deg) scale(1.05); opacity: .48; }}
.slider .item:first-child {display: block;}
.slider .item {display: none;}
.long-section {background-image: url(../lms-book/slider-bg.webp);background-size: cover;background-repeat: no-repeat;background-position: center;}
.long-section .content-column {min-height: 499px;display: flex;justify-content: center;}
.book-showcase {position: relative;display: grid;place-items: center;/*overflow: hidden;*/isolation: isolate;}
.discover-section .center-img {max-width: 800px;margin: auto;    position: relative;}
.descover-content {display: flex;padding-top: 40px;}
.discover-section {padding: 75px 0;}
.discover-section .heading {text-align: center;}
.discover-section .heading h2 {font-weight: 500;font-size: 26px;line-height: 153%;letter-spacing: 0%;text-transform: capitalize;color: #000000;}
.discover-section .heading h2 span {font-weight: 600;font-size: 32px;line-height: 107%;letter-spacing: 0%;color: #005DC4;}
.same-content .book-text {background: #C8E2FF;box-shadow: 0px -244px 169.5px 0px #FFFFFF inset;padding: 20px;border-radius: 15px;width: 330px;}
.same-content .book-text {background: #C8E2FF;box-shadow: 0px -104px 149.5px 0px #FFF inset;padding: 20px;border-radius: 15px;width: 330px;}
.same-content .book-text p {margin: 0;font-weight: 500;font-size: 18px;line-height: 153%;letter-spacing: 0%;text-transform: capitalize;max-width: 226px;}
.same-content .book-text p strong {color: #005DC4;}
.left-content.same-content .book-text {border-radius: 15px 0 15px 0;margin-top: 100px;}
.right-content.same-content {display: flex;align-items: flex-end;}
.right-content.same-content .book-text {border-radius: 0 15px 15px 0px;margin-bottom: 30px;}
.same-content .book-text li {font-weight: 400;font-size: 16px;line-height: 164%;letter-spacing: 0%;text-transform: capitalize;}
.same-content .book-text li span {color: #00A738;}
.descover-row {position: relative;}
.descover-row::after {content: '';position: absolute;background-image: url(../lms-book/box-shadow.png);background-size: contain;background-repeat: no-repeat;background-position: center;bottom: -20px;height: 40px;width: 100%;z-index: -1;}
.video-section .container {position: relative;}
.video-banner-content .legacy-text {position: absolute;left: -180px;font-weight: 600;font-size: 140px;line-height: 107%;letter-spacing: 9%;text-transform: capitalize;mix-blend-mode: overlay;color: #FFFFFF;top: 50%;transform: translateY(-50%);}
.trains-text {display: inline-block;background: linear-gradient(92.55deg, #000000 33.3%, rgba(0, 0, 0, 0) 96.45%);font-weight: 600;font-size: 22px;line-height: 107%;letter-spacing: 0%;color: #FFF;padding: 16px 20px;}
.star-row {display: flex;padding-bottom: 15px;}
.star-row span {width: 20px;}
.price-row span {font-weight: 700;font-size: 16px;line-height:normal;letter-spacing: 2%;text-align: center;vertical-align: middle;color: #989696;}
.price-row {display: flex;align-items: flex-end;gap: 5px;}
.price-row strong {font-weight: 700;font-size: 26px;line-height: 32px;letter-spacing: 2%;text-align: center;color: #000000;}
.price-row div {font-weight: 400;font-size: 22px;line-height: normal;letter-spacing: 2%;text-align: center;color: #00A738;}
.buynonw-button .button {    box-shadow: 0px 4px 4px 0px #00000040 inset;border-radius: 100px;background: #00A738;border: 0;font-weight: 600;font-size: 18px;letter-spacing: -1%;text-align: center;vertical-align: middle;padding: 8px 30px;color: #FFF;}
.buynonw-button .button:not(:disabled) {cursor: pointer;}
.buynonw-button .button:disabled,
.buynonw-button .button.is-disabled {background: #8f979f;color: #f8f9fa;box-shadow: none;cursor: not-allowed;filter: grayscale(35%);opacity: .68;}
.quantity-button {margin: 20px 0;}
.quantity-button {margin: 20px 0;box-shadow: 4px 3px 20.9px 0px #0000006B inset;background: #EBEBEB;font-weight: 400;font-size: 16px;line-height: normal;letter-spacing: -1%;text-align: center;padding: 10px 15px;display: flex;width: 180px;border-radius: 12px;}
.quantity-button strong {font-weight: 400;}
.quantity-button input {width: auto;width: 65px;background: transparent;border: 0;margin-left: 15px;font-size: 14px;outline: none;box-shadow: none;}
.quantity-button.is-disabled {opacity: .65;}
.quantity-button input:disabled {cursor: not-allowed;}
.column-4.col-md-5::before {content: '';background-image: url(../lms-book/bg-img.webp);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left: -100px;right: 0; width: 730px;height: 790px;opacity: 0.7;top: 0px;}
.video-section, .discover-section, .long-section, .lms-book-banner, .lms-inside-book {max-width: 1920px;margin: auto;}
.drag-tip {display: block; text-align: center;    width: 100%;}
.drag-tip figure {width: 30px;height: 30px;margin: auto;}
.drag-tip strong {font-weight: 600;font-size: 24px;line-height: 100%;letter-spacing: 5px;text-align: center;vertical-align: middle;text-transform: uppercase;display: block;margin-bottom: 10px;}
.drag-tip p {font-weight: 400;font-size: 16px;line-height: 153%;letter-spacing: 11%;margin: 0;text-align: center;}
.lms-inside-book {padding-bottom: 160px;}
.buynonw-button {
    box-shadow: 0px 4px 0px 0px #000000;
    box-shadow: 0px 4px 8.8px 0px #000000;
    border-radius: 100px;
}
.group-button {
    display: flex;
    align-items: center;
    gap: 15px;
}
.video-bg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: -1;
    width: 95.8%;
    margin: auto;
}
.video-bg video {
    height: 407px;
    object-fit: cover;
}
.discover-section .center-img{overflow: hidden;}
@media (max-width:1699px) {
.lms-book-banner .lms-book-content strong{font-size: 26px;}
h1{font-size: 60px;}
h1 span{font-size: 75px;}
.lms-book-banner{min-height: 408px;}
.lms-inside-book .heading-h2{font-size: 38px;}
.lms-inside-book .text p{font-size: 16px;margin-bottom: 20px;}
.price-row span{font-size: 14px;}
.price-row strong{font-size: 20px;}
.price-row div{font-size: 20px;}
.long-section .content-column{min-height: 399px;}
.long-section .content-column .content h2{font-size: 24px;}
.long-section .content-column .content p{font-size: 18px;}
.long-section .content-column .content{max-width: 430px;}
.trains-text{font-size: 18px;}
.discover-section {padding: 60px 0;}
.same-content .book-text p{font-size: 16px;}
.same-content .book-text li{font-size: 14px;}
.same-content .book-text{width: 300px;}
.video-banner-content p{font-size: 28px; line-height: 40px;}
.video-banner-content{max-width: 554px;}
.video-banner-content .legacy-text{left: 0;font-size: 110px;}
.video-section{padding: 110px 0;}
.left-content.same-content .book-text{margin-top: 80px;}
.column-4.col-md-5::before {left: -110px;width: 690px;height: 740px;}
.lms-inside-book {padding-bottom: 160px;padding-top: 40px;}
.visual-column{margin-top: 35px;}
.book-stage{transform: scale(0.7);}
}
@media (max-width:1499px) {
.lms-book-banner .lms-book-content strong {font-size: 22px;margin: 0;}
h1 {font-size: 50px;line-height: 65px;}
h1 span {font-size: 65px;}
.lms-book-banner {min-height: 378px;}
.lms-inside-book .column.column-8.col-md-7 {padding: 65px 15px 85px 105px;}
.lms-inside-book .heading-h2 {font-size: 34px;}
.lms-inside-book .heading-h2 {font-size: 34px;}
.video-banner-content p {font-size: 24px;line-height: 35px;}
.video-banner-content p {font-size: 24px;line-height: 35px;}
.video-banner-content .legacy-text {left:50px;font-size: 100px;}
.discover-section .heading h2 span{font-size: 28px;}
.discover-section .heading h2{font-size: 24px;}
.video-banner-content {max-width: 474px;}
.long-section .content-column .content p {font-size: 16px;}
.left-content.same-content .book-text{margin-top: 60px;}
.column-4.col-md-5::before {left: -90px;width: 640px;height: 670px;}
.lms-inside-book {padding-bottom: 110px;padding-top: 30px;}
.drag-tip strong{font-size: 20px;}
.drag-tip p{font-size: 14px;}
.book-stage{transform: scale(0.7);}
.visual-column{margin-top: 15px;}
}
@media (max-width:1399px) {
h1 {font-size: 45px;line-height: 60px;}
h1 span {font-size: 55px;}
.lms-inside-book .column.column-8.col-md-7 {padding: 55px 15px 75px 85px;}
.lms-inside-book .heading-h2 {font-size: 30px;}
.quantity-button{font-size: 14px;}
.lms-book-banner {min-height: 348px;}
.long-section .content-column {min-height: 339px;}
.lms-inside-book .text p{font-size: 14px;}
.visual-column{margin-left: -75px;}
}
@media (max-width:1299px) {
.column-4.col-md-5::before {left: -20px;width: 580px;height: 620px;}
.drag-tip{bottom: -28px;}
.lms-inside-book {padding-bottom: 70px;padding-top: 30px;}
}
@media (max-width:1199px) {
.lms-book-banner {min-height: 268px;}
.lms-book-banner .lms-book-content strong{font-size: 20px;}
h1 {font-size: 35px;line-height: 50px;}
h1 span {font-size: 45px;}
.lms-inside-book .column.column-8.col-md-7 {padding: 45px 15px 45px 65px;}
.lms-inside-book .heading-h2 {font-size: 24px;}
.lms-inside-book .text p{margin-bottom: 15px;}
.long-section .content-column { min-height: 269px;}
.long-section .content-column .content h2 {font-size: 22px;}
.trains-text {font-size: 16px;}
.long-section .content-column .content p {font-size: 14px;}
.long-section .content-column .content p {font-size: 14px;}
.left-content.same-content .book-text{margin-top: 40px;}
.same-content .book-text p {font-size: 14px;}
.same-content .book-text {width: 280px;}
.same-content .book-text{padding: 15px;}
.discover-section .heading h2 span {font-size: 25px;}
.discover-section .heading h2 {font-size: 20px;}
.video-banner-content p {font-size: 20px;line-height: 30px;}
.video-banner-content {max-width: 394px;}
.video-banner-content .legacy-text {left: 50px;font-size: 70px;}
.video-section {padding: 50px 0;}
.drag-tip strong {font-size: 16px;}
.drag-tip p {font-size: 13px;}
.column-4.col-md-5::before {left: -20px;width: 460px;height: 490px;top: 100px;}
.lms-inside-book {padding-bottom: 40px;padding-top: 0px;}
}
@media (max-width:991px) {
.lms-book-banner {min-height: 208px;}
h1 span {font-size: 40px;}
.row-container.row .col-md-5, .row-container.row .col-md-7 {width: 100%;}
.row-container.row {flex-direction: column-reverse;}
.lms-inside-book .column.column-8.col-md-7 {padding: 45px 15px 45px 15px;}
.long-section .content-column {min-height: 209px;}
.long-section .content-column .content {max-width: 300px;}
.descover-content{flex-wrap: wrap;}
.video-banner-content p {font-size: 16px;line-height: 25px;}
.video-banner-content .legacy-text {left: 50px;font-size: 50px;}
.left-content.same-content{order: 2;width: 100%;}
.right-content.same-content{order: 3; width: 100%;}
.center-img{position: relative;}
.descover-row::after{display: none;}
.center-img::after {content: '';position: absolute;background-image: url(../lms-book/box-shadow.png);background-size: contain;background-repeat: no-repeat;background-position: center;bottom: -23px;height: 40px;width: 100%;z-index: -1}
.same-content .book-text{width: 100%;}
.left-content.same-content .book-text {box-shadow: 0px 16px 79.5px 0px #FFF inset;border-radius: 15px 15px 0 0;}
.right-content.same-content .book-text{border-radius: 0;}
.same-content .book-text p{max-width: 100%;}
.discover-section .heading h2 span{display: block;}
.discover-section .center-img{max-width: 460px;}
.descover-content{padding-top: 20px;}
.quantity-button{border-radius: 100px;}
.group-button {display: flex;justify-content: center;align-items: center;gap: 25px;}
.buynonw-button .button {border-radius: 100px;font-size: 16px;}
.star-row{justify-content: center;}
.price-row{justify-content: center;}
.lms-inside-book {position: relative;padding-bottom: 210px;}
.row-group {position: absolute;bottom: 20px;left: 0;right: 0;}
.column-4.col-md-5::before {left: 0;width: 550px;height: 580px;top: 0;margin: auto;}
.drag-tip {bottom: 0;}
.visual-column {
	margin-left: 0;
	top: 0;
	margin-top: -122px;
}
}
@media (max-width:767px) {
.lms-inside-book {padding-bottom: 150px;}
.lms-book-banner {min-height: 278px;background-position: -290px 0;}
h1 span {font-size: 30px;}
h1 {font-size: 25px;line-height: 34px;}
.lms-book-banner .lms-book-content strong {font-size: 15px;}
.long-section .content-column {min-height:210px;max-width: 300px;margin-left: auto;padding: 0 15px;}
.trains-text {font-size: 14px;position: absolute;padding: 8px 10px;}
.discover-section {padding: 40px 0;}
.video-banner-content .legacy-text {left: 20px;font-size: 50px;top: -40px;}
.video-section {padding: 120px 0 120px;}
.video-banner-content {max-width: 394px;margin: 0;}
.column-4.col-md-5::before {left: 0;width: 100%;height: 100%;top: 0;margin: auto;background-size: contain;}
.book-stage {transform: inherit;margin-top: -125px;}
.video-banner-content .legacy-text{color: #FFFFFF; mix-blend-mode: inherit; -webkit-text-stroke: 2px #00C8FF;line-height: normal;font-size: 52px;font-weight: 700;}
.long-section .content-column .content h2{font-size: 16px;padding-bottom: 8px;}
.long-section .content-column .content p{font-size: 11px;}
.long-section{background-image: url(../lms-book/slider-bg-mobile.webp);}
.long-section .content-column{margin-left: 0;}
.trains-text{font-size: 10px;}
.video-bg video {
	border-radius: 0px;
	overflow: hidden;
}
}
@media (max-width:479px) {
.lms-book-banner {min-height: 278px;background-position: -350px 0;}
}
@media (max-width:450px) {
.long-section .content-column{min-height: 199px;width: 240px;}
.long-section .content-column .content h2{padding-bottom: 0;}
.group-button {gap: 10px;}
}
@media (max-width:390px) {
.lms-book-banner {min-height: 278px;background-position: -400px 0;}

}



@media (max-width:1699px) {
.video-bg video {height: 443px;}
}
@media (max-width:1299px) {
.video-bg video {height: 377px;}
.discover-section .center-img {max-width: 570px;}
.descover-content{max-width: 1170px;
  margin: auto;}
}
@media (max-width:1199px) {
.video-bg video {height: 262px;}
.discover-section .center-img {max-width: 400px;}
.descover-content{max-width: 950px;
  margin: auto;}
}
@media (max-width:479px) {
.discover-section .center-img {max-width: 300px;}
.video-bg video {
	height: 198px;
}
}