.title{font-size: 5em; font-family: titleImpact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color:#003049; margin-bottom: 0; text-align: center;}

p{font-size: 20px; line-height: 1.8em;}

body{scroll-behavior: smooth;}

@media screen and (max-width: 600px) {
.title{font-size: 2.5em; font-family: titleImpact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

p{font-size: 18px;}

}

html{font-size: 16px;}

*{padding: 0;margin: 0;box-sizing: border-box;font-family: 'SolaimanLipi', sans-serif; color: white;}

:root{
    --bg-deep: #0b1020;
    --bg-ink: #0e1326;
}

body::before{
        content: "";position: fixed;inset: 0;z-index: -1;

        background:repeating-linear-gradient(145deg,#ffffff04 0,#ffffff04 2px,transparent 2px,transparent 6px),url('data:image/svg+xml;utf8,\ <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140">\ <filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter>\ <rect width="100%" height="100%" filter="url(%23n)" opacity="0.035"/></svg>'),radial-gradient(1200px 800px at 10% 0%,#1f2a6b 0%,transparent 55%),radial-gradient(900px 600px at 90% 100%,#0b6b4a 0%,transparent 55%),radial-gradient(900px 700px at 20% 100%,#25386cbf 0%,transparent 50%), radial-gradient(600px 400px at 80% 20%,#331266 0%,transparent 85%),linear-gradient(180deg,var(--bg-ink),var(--bg-deep));
        
    }

span{color: inherit;}

.bn, .bn *:not(i){font-family: 'SolaimanLipi', sans-serif;}

.en, .en *:not(i){font-family: "Open Sans", sans-serif;  font-optical-sizing: auto;  font-style: normal;  font-variation-settings:"wdth" 100;}

div{position: relative;}

a{text-decoration: none;color: inherit;}

@media only screen and (max-width: 600px) {
html{font-size: 1.125rem;}

}

@font-face{
    font-family: 'bft-landing-page-icon';
    src:  url('../fonts/bft-landing-page-icon.eot');
    src:  url('../fonts/bft-landing-page-icon.eot') format('embedded-opentype'),
        url('../fonts/bft-landing-page-icon.ttf') format('truetype'),
        url('../fonts/bft-landing-page-icon.woff') format('woff'),
        url('../fonts/bft-landing-page-icon.svg?puoqcl#bft-landing-page-icon') format('svg');
    font-weight: normal; font-style: normal; font-display: block;
    }

[class^="bft-"], [class*=" bft-"]{ font-family: 'bft-landing-page-icon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.bft-check:before{ content: "\e904"; }

.flex{display: flex;justify-content: space-between;}

.flex.wrap{display: flex;flex-wrap: wrap;}

.flex.row{flex-direction: row;}

.flex-1{flex-basis: 100%;}

.flex-1_2{flex-basis: 48%;}

.flex-1_3{flex-basis: 32%;}

.flex-2_3{flex-basis: 64%;}

@media only screen and (max-width: 600px) {
.flex.mobile-column{flex-direction: column;}

.flex-1m{flex-basis: 100%;}

}

.purchase-details{display: grid;grid-template-columns: 1fr 360px;gap: 50px;margin-bottom: 50px;}

.purchase-details .two{display: flex;flex-direction: column;}

@media only screen and (max-width: 900px) {
.purchase-details{grid-template-columns: 1fr;margin-bottom: 50px;}

.fields-div{margin: 0;}

.paymentDetailsCont-heading{display: none;}

}

.purchase-req{width: 75%;;margin: 20px auto 150px;transition: all 0.2s ease-in-out;height: auto;}

@media only screen and (min-width: 1200px) {
.purchase-req{min-width: 1150px;}

}

.purchase-req label{font-family:"Open Sans", sans-serif;  font-optical-sizing: auto;  font-style: normal;  font-variation-settings:"wdth" 100;;}

.purchase-req label.bn{font-family:'SolaimanLipi', sans-serif}

.purchase-req h2{color:#00b4d8;;padding-bottom: 10px;border-bottom: 1px solid #00b4d8;}

.purchase-req h3{color:#fff;padding-bottom: 5px;margin: 40px 0 10px;border-bottom: 1px solid #00b4d8b0;font-size: 1.4rem;font-weight: 500;}

.fields-div{gap: 35px;margin: 20px 0;}

.packageSelectionDiv{margin-top: 50px;display: flex;flex-flow: row wrap;gap: 25px;padding: 30px 5px 20px;justify-content: space-evenly;position: relative;border: solid #00b4d8;border-radius: 20px;border-width: 1px 0 0 0;}

.packageSelectionDiv>div{display: grid;grid-template-columns:40px 1fr;gap: 15px;padding: 15px;border-radius: 15px;flex-grow: 1;
        box-shadow: 0px 0px 2px rgba(0, 180, 216, 0.32),  0px 0px 7px rgba(0, 180, 216, 0.24),  0px 0px 15px rgba(0, 180, 216, 0.10);max-width: 100%;}

.packageSelectionDiv h3{font-size: 1.1rem;line-height: 1.2rem;margin: 0;padding: 0;display: flex;align-items: center;border: none;white-space: normal; }

.packageSelectionDiv h2.heading{position: absolute;top: -23px;left: 20px;padding:0 10px;border: none;font-size: 1rem;font-weight: 600;    background: #0d1016ed;    border-bottom: 1px solid #00b4d84a;border-radius: 5px;padding: 3px 8px;}

.packageSelectionDiv>div img{height: 20px;transform: scale(1.7);align-self: center;;padding-left: 7px;}

.packageSelectionDiv>div img.thumb{transform: scale(3.5)}

.packageSelectionDiv span{padding-left:8px;}

.ebookHardcopySelection span.bn{font-family:'SolaimanLipi', sans-serif;padding:0}

.packageSelectionDiv>div.selected{background:#00000082;border: 2px solid #00b4d8a6;}

.packageSelectionDiv>div.selected h3{color: #ffdf00;}

#editionSelection>div{grid-template-columns:1fr;align-items:center;transition: all .1s ease-in-out}

#editionSelection span{font-family: "Open Sans", sans-serif; font-size: 93%;}

#editionSelection h3{justify-content:center}

.pre-order{ position: absolute; left: -85px; top: -28px; display: flex; gap: 13px; background: #00000082; border: 2px solid #00b4d8a6;  border-radius: 7px; padding: 5px 10px 2px 2px; z-index: 4; transform: rotate(-10deg) scale(0.8);
    box-shadow: 0px 0px 2px rgba(0, 180, 216, 0.32), 0px 0px 7px rgba(0, 180, 216, 0.24), 0px 0px 15px rgba(0, 180, 216, 0.10); }

#preOrderImg{height: 15px}

.ebookHardcopySelection>div{grid-template-columns:30px 1fr 50px;gap: 15px;padding: 15px;border-radius: 15px;flex-grow: 1;}

.ebookHardcopySelection .title{font-size: 1rem;line-height: 1.5rem;margin: 0 0 5px 0;border: none;white-space: normal; }

.ebookHardcopySelection .price{font-size: 1rem;font-weight: 600;position: relative;}

.ebookHardcopySelection .price span:not(:first-child){font-size: 90%;color: #ffdf00;}

.ebookHardcopySelection .discountedPrice{padding-left: 10px;}

.ebookHardcopySelection .price .price::before{content: "";width: 58px;border-bottom: 2.1px solid red;display: block;position: absolute;transform: rotate(12deg);top: 12px;left: 1px;}

#deliveryOpt{gap:15px}

#deliveryOpt>div{grid-template-columns:60px 1fr;gap: 15px;padding: 15px 15px 8px 15px;border-radius: 15px;flex-grow: 1;}

#deliveryOpt h3{font-size:1rem;line-height: 1.5rem;margin-bottom: 5px;}

#deliveryOpt .note{font-size:0.9rem;line-height: 1rem;font-style:italic; text-align: center;margin-top: 20px;}

#deliveryOpt img{transform: scale(3.2);}

@media only screen and (max-width: 600px) {
.purchase-req{width: 90%;}

.purchase-req textarea#address{height: 9ch;}

.packageSelectionDiv{grid-template-columns: 1fr;}

#editionSelection{grid-template-columns: 1fr 1fr;}

}

.fields-div input,.fields-div textarea,.fields-div select,.selected-payment-method,.payment-prove-submit input{margin-top: 5px;background-color: transparent;border: 1px dashed #00b4d885;padding: 5px 10px;font-size: 1rem;width: 100%;border-radius: 5px;resize: vertical;}

.fields-div input:focus,.fields-div textarea:focus,.fields-div select:focus,.selected-payment-method:focus,.payment-prove-submit input:focus{border: 1px solid #00b4d8;outline: none;}

.fields-div select,.selected-payment-method{background: transparent;color: #66d2e8;}

.fields-div select option,.selected-payment-method option{background: #101525;color: white;}

.fields-div input,.fields-div input::placeholder,.fields-div textarea,.fields-div textarea::placeholder,.payment-prove-submit input::placeholder{color: #66d2e8;font-size: 1rem;}

.fields-div label{width: fit-content;}

.fields-div label{min-width: max-content;margin-right: 20px;}

.quantity{display: grid; grid-template-columns: 70px 145px 1fr;gap:5px 15px;position: relative;}

.quantity_sugg{display: flex;gap: 15px;align-items: center;}

.quantity_sugg p{margin: 0;border:1px solid #00b4d882;border-radius: 0.5rem;padding: 8px 10px; cursor: pointer;font-size: 17px;height: 100%;display: flex;align-items: center;font-family: 'SolaimanLipi', sans-serif; box-shadow: 0px 0px 2px rgba(0, 180, 216, 0.32),  0px 0px 7px rgba(0, 180, 216, 0.24),  0px 0px 15px rgba(0, 180, 216, 0.10);}

.quantity_sugg p:hover{background-color: #092433 ;transition: 0.3s ease-in-out all;}

#how_many_variable{min-width: 80px;height: stretch;}

#how_many_variable::placeholder{color: #49bdd4;font-size: 1rem;}

.quantity_sugg .selected{color: #ffdf00;background:#00000082; ;transition: 0.3s ease-in-out all;border: 2px solid #00b4d8a6;}

.quantity .offer{ color: #ffd600ed;grid-column: span 3;font-size: 15px; margin: 10px 0;}

.ref-check-btn{position: absolute;right:0;top: 50%;transform: translate(0,-50%);background-color: #00b4d8;color: #000;border: none;border-radius: 5px;padding: 3px 10px;margin-top: 2.5px;font-size: 1rem;font-weight: 600;height: 86%;}

.paymentDetailsCont-heading{margin:50px 0 10px 0; font-size: 20px;}

@media only screen and (max-width: 600px) {
.quantity{grid-template-columns: 70px 145px 1fr;}

.quantity_sugg{gap: 10px;}

.quantity_sugg p{padding: 5px 8px;}

.quantity .offer{text-indent: -26px;padding-left: 26px;}

}

.paymentDetailsCont{margin-top: 30px;display: grid;gap: 30px;}

.paymentDetailsCont .bft>div, .paymentDetailsCont .cft>div, .paymentDetailsCont .common>div{display: grid;grid-template-columns:200px 10px 120px;justify-content: center;margin:0 0 10px 5px;}

.paymentDetailsCont>div p.title{margin:10px 0;padding-bottom: 5px;border-bottom: 1px solid gray; font-weight: bold;text-align: center;}

.paymentDetailsCont>div p{font-size:1rem;margin: 0; }

.paymentDetailsCont>div p:last-child{padding-left: 30px;}

.paymentDetailsCont p>span{padding: 4px 10px 0 4px;}

.paymentDetailsCont p.title>span{padding: 0 4px;}

.paymentDetailsCont .common>div.totalAmount{grid-template-columns: 180px 10px 120px;border-top: 3px solid #00b4d8;margin: 25px 0 0px;padding: 10px 0 0 20px;}

.paymentDetailsCont .totalAmount p{font-weight: 600;}

.select-payment-method{display: grid;grid-template-columns: 150px 240px 1fr;gap: 10px;align-items: center;}

.need-any-help-btn{position: absolute;right:0px;top: -40px;background:#00b4d8;border-radius: 3px;color: #000;padding: 3px 10px;font-size: 1rem;z-index: 1;}

.pay-information{padding-left: 20px;border-left: 1px dashed gray;}

.pay-information div{display: grid;grid-template-columns: 75px 20px 1fr;margin-bottom:7px;}

.pay-information p{margin: 0;font-size: 1rem;font-style: italic;}

.red, .red *{color: red !important;}

#num-copy-btn{padding:1px 15px; cursor: pointer; }

#num-copy-btn_svg{width: 16px;}

.total_amount, .recieve-payment-number{font-style: normal !important;}

.payment-prove-submit{background: #00000038;border: 2px solid #00b4d8a6;box-shadow: 0px 0px 2px rgba(0, 180, 216, 0.32),  0px 0px 7px rgba(0, 180, 216, 0.24),  0px 0px 15px rgba(0, 180, 216, 0.10);border-radius: 15px; padding:20px 20px 30px; }

.payment-prove-submit label{font-family: 'SolaimanLipi', sans-serif;}

.payment-prove-submit h4{font-size: 20px; margin-bottom: 25px; font-weight: bold; line-height: 1.5em;font-weight: 400;color: #ffdf00;}

.submit-btn{background-color: #0b5ed7;color: white;font-weight: 500;font-size: 1.5rem; padding: 10px 20px;border: none;border-radius: 5px;}

@media only screen and (max-width: 600px) {
.select-payment-method{grid-template-columns: 1fr;gap: 20px;}

.payment-prove-submit h4{margin: 0;text-align: justify;}

.payment-prove-submit{gap: 20px;}

.paymentDetailsCont>div{grid-template-columns: minmax(180px, 1fr) 10px 120px;}

}

.ft-topbar {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    max-width: 1180px; margin: 0 auto; padding: 18px 22px;
    border-bottom: 1px solid rgba(6,193,255,.25);
    backdrop-filter: blur(10px); position: relative; z-index: 5;
}
.ft-brand { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 20px; }
.ft-brand .ft-logo {
    width: 44px; height: 44px; border-radius: 50%; flex: 0 0 44px;
    background: linear-gradient(135deg, #00d4ff, #0088ff);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; font-weight: 800; box-shadow: 0 0 22px rgba(0,193,255,.45);
}
.ft-back {
    padding: 9px 20px; border-radius: 50px; font-weight: 600; font-size: 15px;
    border: 1px solid rgba(6,193,255,.45); color: #06c1ff; white-space: nowrap;
    transition: .25s;
}
.ft-back:hover { background: #06c1ff; color: #071326; }
.ft-footer {
    margin-top: 40px; padding: 30px 22px 50px; text-align: center;
    border-top: 1px solid rgba(255,255,255,.08); color: #8fa5bd; font-size: 15px;
}

@media (max-width: 600px) {
    .ft-brand { font-size: 16px; }
    .ft-brand .ft-logo { width: 38px; height: 38px; flex: 0 0 38px; font-size: 14px; }
    .ft-back { padding: 7px 14px; font-size: 13px; }
}

@keyframes pr-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.pr-spinner {
    width: 56px; height: 56px; border-radius: 50%;
    border: 6px solid rgba(6,193,255,.22); border-top-color: #06c1ff;
    animation: pr-rotate 1s linear infinite;
}

.purchase-req.processing form,
.purchase-req.success form,
.purchase-req.error form { display: none; }

.pr-status {
    display: none; flex-direction: column; align-items: center; justify-content: center;
    gap: 18px; padding: 55px 10px; text-align: center;
}
.purchase-req.processing .pr-status.processing_div,
.purchase-req.success    .pr-status.success_div,
.purchase-req.error      .pr-status.error_div { display: flex; }

.pr-status h4 { font-size: 22px; font-weight: 700; margin: 0; }
.pr-status > p { color: #cfe3f5; font-size: 17px; margin: 0; max-width: 660px; }
.success_div h4 { color: #00e5a8; }
.error_div h4 { color: #ff6200; }

.pr-details {
    width: 100%; max-width: 660px; margin: 8px auto 0; text-align: left;
    background: rgba(255,255,255,.05); border: 1px solid rgba(6,193,255,.25);
    border-radius: 14px; padding: 16px 22px;
}
.pr-details .pr-row {
    display: flex; gap: 14px; padding: 9px 0; font-size: 16px;
    border-bottom: 1px dashed rgba(255,255,255,.12);
}
.pr-details .pr-row:last-child { border-bottom: 0; }
.pr-details .pr-row .k { flex: 0 0 42%; color: #8fb6d6; }
.pr-details .pr-row .v { flex: 1; color: #ffffff; font-weight: 600; word-break: break-word; }
.pr-details .pr-row.pr-total { border-top: 1px solid rgba(6,193,255,.35); margin-top: 6px; }
.pr-details .pr-row.pr-total .k { color: #d7ecff; }
.pr-details .pr-row.pr-total .v { color: #00e5a8; font-size: 18px; }

.pr-err-box {
    width: 100%; max-width: 660px; margin: 0 auto; padding: 16px 20px;
    border-radius: 12px; background: rgba(255,71,87,.12);
    border: 1px solid rgba(255,71,87,.45); color: #ffc2c8; font-size: 16px;
}

.pr-btn {
    border: 0; cursor: pointer; padding: 12px 28px; border-radius: 50px;
    font-weight: 700; font-size: 16px; color: #071326;
    background: linear-gradient(135deg, #00d4ff, #0088ff); transition: .25s;
}
.pr-btn:hover { filter: brightness(1.1); }
.pr-btn.ghost { background: transparent; color: #06c1ff; border: 1px solid rgba(6,193,255,.5); }
.pr-btn.ghost:hover { background: rgba(6,193,255,.15); }
.pr-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 6px; }
.pr-actions a { text-decoration: none; }

.pr-details .pr-row.pr-head { border-bottom: 1px solid rgba(6,193,255,.35); margin-top: 8px; }
.pr-details .pr-row.pr-head .k { flex: 1; color: #06c1ff; font-weight: 700; }
@media (max-width: 600px) {
    .pr-status h4 { font-size: 18px; }
    .pr-details .pr-row { flex-direction: column; gap: 2px; }
    .pr-details .pr-row .k { flex: none; font-size: 13px; }
}

#heading-01{color: #ffdf00; border: none; font-size: 1.5rem; text-align: center; padding: 30px 0 20px;}