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

    /* body{background-color: #0a101c;} */
    :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;}
    #navMenu {background: rgb(0 0 0 / 19%); box-shadow: 0 8px 32px rgb(0 0 0 / 62%);    backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);position: fixed;}

    #navMenu a:first-child{font-family: "Open Sans", sans-serif;  font-optical-sizing: auto;  font-style: normal;  font-variation-settings:"wdth" 100; color: #ffdf00;padding: 18px 0;}
    .navMenu.showMenu{padding-bottom: 10px;}
    .menuBtn{padding: 12px 20px;}
    .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;} .splide__arrows{position: static;}
    .splide__arrow {background: #00b4d875;height: 2.5rem;width: 2.5rem;}

    .intro{margin-top: 65px;}
    .intro-bg{background:url(https://biology.finaltouchssc.com/image/hero-bg-pc.png);background-repeat: no-repeat;background-position: top 0px right 0px;background-size: 57%;}
    .intro-bg-overlay{background: rgb(10,16,28);background: linear-gradient(356deg, rgba(10,16,28,1) 0%, rgba(255,255,255,0) 80%);}

    .intro-content{width: clamp(420px,640px,50%);padding: 32px 20px 0 60px ;}
    h1{font-size: 2.63rem;display: inline-block;margin:30px 0 0;color: #ffdf00;text-shadow: 0px 1px 9px rgba(3, 7, 18, 0.17), 0px 5px 37px rgba(3, 7, 18, 0.34);}
    .subtitle{font-weight: 600;font-size: 17.6px;color: #fff;margin: 20px 0;}
    .author{font-weight: 600;}
    .author span{font-size: 110%; color: #00b4d8;}

    .specs{display: flex;flex-flow: row wrap;gap: 30px;justify-content: space-between;border:solid #e9e9e97b;border-width: 1px 0 1px 0;padding: 10px ;margin: 30px 0;}
    .specs-item{display: flex;flex-direction: row;gap: 15px;align-items: center;}
    .specs p{font-size: 14px;color: #ffffffdd;}
    .specs i{font-size: 24px;}
    .specs .h{font-size: 16px; font-weight: 600;color:#00b4d8;}

    .intro-short-feature-heading{font-size: 17.6px;font-weight: 600;margin-bottom:10px;}
    .intro-short-feature{display: grid;grid-template-columns: 1fr 1fr;justify-content: space-between;width: 105%;}
    .intro-short-feature ul{list-style-type: '✓';list-style-position: outside;margin-left: 15px;display: flex;flex-direction: column;gap: 5px;}
    .intro-short-feature li{padding-left: 7px;}


    .heading-01 { color:#28ebd9;text-align: center;padding:  10px;margin: 70px 0 20px 0;border-bottom: 1px solid #28ebd8be;font-size: 1.5rem;}
    .features {margin: 0 auto;width: 80%;}
    .features img{width: 100%;}
    .features .bg{position: absolute;top: 0;width: 100%;height: 100%;background:linear-gradient(180deg, rgba(256,256,256,0%) 63%, rgba(1,8,8,.9) 88%, rgba(0,0,0,1) 100%);}
    .features .content{position: absolute;bottom: 0;z-index: 1;padding: 35px 20px;}
    .features .content h3{padding-bottom: 10px;color: #ffdf00;}
    .features .content p{min-height: 70px;} 

    .demo{width: 80%;margin: 0 auto;}
    .demo img{width: 100%;}
    .demo .splide__list{background-color: red;z-index: 2;;}
    .see-more-demo-cont{display: flex;justify-content: center;}
    .see-more-demo{display: block;margin-top: 30px;padding: 5px 10px;color: #00b4d8;text-align: center;font-weight: 600;font-size: 1rem;border: 2px solid #00b4d8;border-radius: 1.3rem;padding: .4375rem 2rem;background: linear-gradient(90deg, rgb(0 180 216 / 15%) 0%, rgba(255, 255, 255, 0) 50%, rgb(0 180 216 / 15%) 100%);}
    .img-popup{transform: scale(0);position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000a6;display: flex;justify-content: center;align-items: center;z-index: 9;transition: all 0.3s;}
    .img-popup .img-cont{position: relative;}
    .img-popup img{object-fit: cover;height: 90%;max-height: 95dvh;max-width: 95dvw;}
    .img-popup #close{position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;border-radius: 50%;background-color: #fc0000bb;text-align: center;}
    .img-popup #close span{position: relative;top: 2px;}

    .reviews{margin: 50px auto;width: 75%;}
    .reviews .top{display: grid;grid-template-columns: 70px 1fr;gap: 15px;}
    .reviews .img-div{justify-self: center;align-self: center;background: #b6b6b6; width: 60px; height: 60px; border-radius: 50%;}
    .reviews img{width: 60px;}
    .reviews .name-div{align-self: center;}
    .reviews .rating *{color: gold;}
    .reviews .comment {padding:20px 10px }

    .contact-bottom{padding: 0px 20px;}
    .contact-bottom form{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px 10px;width: 70%;margin: 0 auto;align-items: center;}
    .contact-bottom form label{padding-left: 40px;}
    .contact-bottom #contact-name{grid-column: span 3;}
    .contact-bottom #contact-message{grid-column: span 2;}
    .contact-bottom .submit-btn{grid-area: 3/4;justify-self: right;}
    .contact-bottom form input, .contact-bottom form textarea{padding:5px 10px;background-color: #09243366;font-size: 18px;border: 1px dashed #00b4d885;}
    .contact-bottom form textarea{resize: none;overflow:hidden;}
    .contact-bottom .submit-btn{margin: 20px 0;padding: 5px 15px;width: 200px;color: #00b4d8; text-align: center; font-weight: 600; font-size: 1rem; border: 2px solid #00b4d8; border-radius: 1.3rem; padding: .4375rem 2rem; background: linear-gradient(90deg, rgb(0 180 216 / 5%) 0%, rgba(255, 255, 255, 0) 50%, rgb(0 180 216 / 5%) 100%);}

    .direct-contact{margin: 50px auto;width: 70%;}
    .direct-contact .grid{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;margin: 20px 0;}
    .contact-btn{padding: 10px;background-color: #09243366;font-size: 18px;border: 1px dashed #00b4d885;text-align: center;}
    .contact-btn i { padding-right: 8px; }


   
@media only screen and (max-width: 600px){
    html{font-size: 1.125rem;}
    h1{font-size: 2.2rem;margin: 50px 0 0 0;}
    #navMenu {background: rgb(0 0 0 / 36%); }

    .splide__arrow {background: #00b4d875;height: 1.8rem;width: 1.8rem;}

    /* .intro{background: #0a101c;background: linear-gradient(13deg, #0a101c 0%, #111723 44%, #ffffff 100%);} */
    .intro-bg{background:url(https://biology.finaltouchssc.com/image/hero-bg.png);background-repeat: no-repeat;background-size: 100%;}
    .intro-bg-overlay{background: linear-gradient(356deg, rgba(10,16,28,1) 20%, rgba(255,255,255,0) 100%);}

    .intro-content{width: unset;padding: 200px 16px 0 ;}
    .subtitle{font-weight: 600;font-size: 17.6px;color: #fff;margin: 20px 0;}
    .author{font-weight: 600;}
    .author span{font-size: 110%; color: #00b4d8;}
    .specs{display: grid;grid-template-columns: 1fr 1fr;}
    .specs-item{display: grid;grid-template-columns: 30px 1fr;}
    .intro-short-feature{grid-template-columns: 1fr;gap: 5px;}

    .features .bg{background:linear-gradient(180deg, rgba(256,256,256,0%) 53%, rgba(1,8,8,1) 81%, rgba(0,0,0,1) 100%);}
    .heading-01 {text-align: left;padding-left: 20px;}
    .features {margin: 0 10px;width: unset;}

    .demo{width: 100%;}
    .img-popup img{object-fit: cover;;height:unset;}
    .img-popup #close{top: -8px;right: -5px}
    .img-popup #close span{top: 1px;}

    .reviews{margin: 50px 0;width: 100%;}

    .contact-bottom form{width: 100%;grid-template-columns: 1fr;gap:10px;margin: 0 auto;}
    .contact-bottom form label{padding-left: 0px;}
    .contact-bottom #contact-name{grid-column: span 1;}
    .contact-bottom #contact-message{grid-column: span 1;}
    .contact-bottom .submit-btn{grid-area: unset;justify-self: center;}
    .direct-contact{margin: 30px 0 130px;width: 100%;}
    .direct-contact .grid{display: grid;grid-template-columns: 1fr 1fr;gap: 15px;margin: 20px 0;}
    .direct-contact .contact-btn.phone{grid-column: span 2;}
    }

    @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-model-test:before { content: "\e901"; }
    .bft-mcq:before { content: "\e900"; }
    .bft-star:before { content: "\e902"; }
    .bft-star-half:before { content: "\e903"; }
    .bft-check:before { content: "\e904"; }
    .bft-copy:before { content: "\e905"; }
    .bft-tricks:before { content: "\e906"; }
    .bft-open-book:before { content: "\e907"; }
    .bft-call:before { content: "\e908"; color: #2BC58C;}
    .bft-messenger:before { content: "\e909"; color: #00b2ff; }
    .bft-whatsapp:before { content: "\e90a"; color: #25d366;}









     .intro-btns{display: flex;gap: 20px;margin-top: 40px;}
    .intro-btns .btn{padding: 10px 20px;border: none;font-size: 1.2rem;border-radius: 32px;cursor: pointer;;box-shadow: 0px 0px 2px #00b4d838,  0px 0px 7px #00b4d870,  0px 0px 15px #00b4d833;}
    .intro-btns .login{    background: #00b4d8;border: none;color: #0A101C;padding: 10px 30px;font-weight: 600;font-size: 1.3rem;}
    .intro-btns .buy-now{color: #00b4d8;background: transparent;border: 3px solid #00b4d8;font-weight: 600;}
    .authenticator{padding: 14.4px 11.2px;border-left: 3px solid #00b4d8;background: linear-gradient(90deg, #00b4d82c 0%, #ffffff00 100%);margin: 80px 0 30px;}
    .authenticator h2{font-style: italic;font-size: 1.45rem;font-weight: 600;padding-bottom: 10px;color:#00b4d8;}
    .authenticator a{color: #ffea00;font-weight: 500;}
    .btnTo{cursor: pointer !important;}









    .flex{display: flex;justify-content: space-between;} .flex.wrap{display: flex;flex-wrap: wrap;} 
    .flex.column{flex-direction: column;} .flex.row{flex-direction: row;}
    .flex.column-reverse{flex-direction: column-reverse;} .flex.row-reverse{flex-direction: row-reverse;}
    .flex-1{flex-basis: 100%;} .flex-1_2{flex-basis: 48%;} .flex-1_3{flex-basis: 32%;} .flex-2_3{flex-basis: 64%;} .flex-1_4{flex-basis: 24%;} .flex-3_4{flex-basis: 73%;}
    @media only screen and (max-width: 600px){
    .flex.mobile-column{flex-direction: column;} .flex.mobile-row{flex-direction: row;}
    .flex.mobile-column-reverse{flex-direction: column-reverse;} .flex.mobile-row-reverse{flex-direction: row-reverse;}
    .flex-1m{flex-basis: 100%;} .flex-1_2m{flex-basis: 48%;} .flex-1_3m{flex-basis: 32%;} .flex-2_3m{flex-basis: 64%;} .flex-1_4m{flex-basis: 24%;} .flex-3_4m{flex-basis: 73%;}
    }
    .gap-10{gap: 10px;} .gap-20{gap: 20px;}

    .btn-1{color: #00b4d8;text-align: center;font-weight: 600;font-size: 1rem;border: 2px solid #00b4d8;border-radius: 1.3rem;padding: .4375rem 1rem;background: transparent;}
    .btn-1.glow{background: linear-gradient(90deg, #00b4d80d 0%, #ffffff00 50%, #00b4d80d 100%);box-shadow: 0px 0px 2px #00b4d838,  0px 0px 7px #00b4d870,  0px 0px 15px #00b4d833;}
    .btn-1.mod{width:150px;}
    .btn-1:hover{background-color: #00b4d8;color: #092433;transition:all 0.1s ease-in-out ;}

    .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;}
    .delivery-opt.fields-div{margin: 30px 0;} .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 .top-cont{gap: 40px;}
    .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;}
    /* .bft-cft-cont h2{position: absolute;top: -16px;left: 20px;background:#0a101c;padding:0 10px;border: none;font-size: 1.2rem;font-weight: 600;} */
    .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;}


    .ebookHardcopySelection_note{position: fixed;top: 0;left:0;z-index: 9;width: 100%;height: 100dvh;background: #111723c7;display: flex;justify-content: center;align-items: center;transition: all 0.2s;transform: scale(0);opacity: 0;}
    .ebookHardcopySelection_note .wrapper{padding: 20px 0;border-radius: 15px;max-width: 50%;}
    .ebookHardcopySelection_note .content{display: flex;flex-direction: column;gap: 15px;width: 100%;;height: max-content;align-self: center;padding: 15px 10px 15px 20px;background-color: #092433;border-radius: 15px;z-index: 1;box-shadow: 0px 0px 2px rgba(0, 180, 216, 0.22),  0px 0px 7px rgba(0, 180, 216, 0.44),  0px 0px 15px rgba(0, 180, 216, 0.20);}
    .ebookHardcopySelection_note .title{color: #ffdf00;margin: 5px 0;font-size: 1.5rem;border: none;}
    .ebookHardcopySelection_note p{font-size: 1.1rem;}
    .ebookHardcopySelection_note .btn-1{margin-top:20px; border-radius: 13px;}


    #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 .top-cont{gap: 30px;}
    .purchase-req textarea#address{height: 9ch;}

    .packageSelectionDiv{grid-template-columns: 1fr;}
    #editionSelection{grid-template-columns: 1fr 1fr;}
    .ebookHardcopySelection_note .wrapper{max-width: 80%;}
    }



    @media only screen and (max-width: 600px){


    }


    .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 .how_many{width: 100%;}
    .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;}
    .quantity-discount-label{position: absolute;right: 80px;top: 50%;transform: translate(0,-50%);font-size: 15px; color: red;font-style: italic;}
    .quantity-discount-label img{height: 19px;padding-right:5px;position: relative;top: 0px}
    .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: 80px 1fr;gap: 15px;} */
    .quantity{grid-template-columns: 70px 145px 1fr;}
    .quantity .how_many_div{flex-basis: 100%;margin-top: 10px;}
    .quantity_sugg{gap: 10px;}
    .quantity_sugg p{padding: 5px 8px;}
    .quantity .offer{text-indent: -26px;padding-left: 26px;}
    .quantity-discount-label{right: 5px;}
    }

    .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;}
    .paymentMethodDeatils{justify-content: center;margin: 30px 0 50px 0;}

    .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;}
    /* .payment-prove-submit>div{} */
    .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;}

    .paymentMethodDeatils{margin: 80px 0 50px 0;gap: 50px;}
    .payment-prove-submit h4{margin: 0;text-align: justify;}
    .payment-prove-submit{gap: 20px;}
    .paymentDetailsCont>div, .total-sect{grid-template-columns: minmax(180px, 1fr) 10px 120px;}
    }

        .package-features{width: 80%;margin: 20px auto;;border-radius: 15px;position: relative;}
    .package-features .splide__slide{background-color: #09243352;padding: 10px;height: 80dvh;}
    .package-features h3{color: #ffdf00;font-size: 1.6rem;margin: 5px 0 20px;text-align: center;margin-top: 20px}
    .package-features .title-div{display: grid;grid-template-columns:1fr;gap: 10px;}  
    .package-features img{height:100px;justify-self: center;}

    .package-features .key-points-cont{display: grid;grid-template-columns: 16px 1fr;gap: 12px;margin: 30px 0 10px; overflow: scroll;}
    .package-features .key-points-cont::-webkit-scrollbar {width: 0;}
    .package-features .key-points-cont img{width: 16px ;height: 16px;margin-top: 3.5px;}


        @media only screen and (max-width: 600px){
    .package-features{display: block;width: 90%;}
    .package-features h3{font-size: 1.4rem;}
    .package-features img{height:90px;}
        }

    .quick-access{display: grid;grid-template-columns: 0.7fr 1.4fr 100px 1.2fr 1fr;gap: 5px;width: 100%;padding: 10px 5px;position: fixed;bottom: 0;background-color: #0A1825;z-index: 9999;;}
    .quick-access div.center-main img{position: absolute;bottom: 10px;}
    .quick-access div.tab{display: grid;grid-template: 1fr 30px / 1fr;gap: 5px;justify-content: center;}
    .quick-access div.tab svg{justify-self: center;}
    .quick-access div.tab p{font-size: 0.8rem;font-weight: 600;text-align: center;}
    @media only screen and (min-width: 600px){.quick-access{display: none;}}