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{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); display: block;}
    .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: 1rem;}
    h1{font-size: 2rem;margin: 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: 100px 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: 600px){
    .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;}}

/* ========================================= */

/* Post-only rules. The base colors, textured background, navigation and mobile footer
   are inherited directly from homePage.css so this template stays visually identical. */
.post-template .intro-content {
    padding-bottom: 54px;
}

.post-template .post-label {
    display: inline-block;
    margin-top: 24px;
    padding: 5px 12px;
    color: #00b4d8;
    border: 1px solid #00b4d885;
    border-radius: 20px;
    font-family: "Open Sans", sans-serif;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.post-template .post-description {
    max-width: 610px;
    margin: 20px 0 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.7;
}

.post-template .post-meta {
    margin-top: 16px;
    color: #00b4d8;
    font-family: "Open Sans", sans-serif;
    font-size: .82rem;
}

.post-template .post-thumbnail {
    display: block;
    width: min(84%, 930px);
    max-height: 470px;
    margin: 38px auto 0;
    object-fit: cover;
    border: 1px solid #00b4d855;
    border-radius: 10px;
}

.post-template .post-body {
    width: min(84%, 930px);
    margin: 0 auto 130px;
}

.post-template .post-content,
.post-template .post-empty {
    padding: 32px clamp(20px, 5vw, 54px) 46px;
    color: #fff;
    background: linear-gradient(135deg, #0924339c, #0a101c8c);
    border: 1px solid #00b4d852;
    border-radius: 12px;
    box-shadow: 0 0 2px #00b4d838, 0 0 15px #00b4d826;
    font-size: 1.08rem;
    line-height: 1.9;
}

.post-template .post-content > :first-child { margin-top: 0; }
.post-template .post-content > :last-child { margin-bottom: 0; }
.post-template .post-content h2,
.post-template .post-content h3,
.post-template .post-content h4 { margin: 34px 0 15px; color: #ffdf00; line-height: 1.35; }
.post-template .post-content h2 { font-size: 1.65rem; }
.post-template .post-content h3 { font-size: 1.32rem; }
.post-template .post-content p,
.post-template .post-content ul,
.post-template .post-content ol { margin: 0 0 22px; }
.post-template .post-content ul,
.post-template .post-content ol { padding-left: 30px; }
.post-template .post-content a { color: #28ebd9; text-decoration: underline; }
.post-template .post-content img { display: block; max-width: 100%; height: auto; margin: 28px auto; border-radius: 8px; }
.post-template .post-content blockquote { margin: 26px 0; padding: 16px 20px; color: #d6f7ff; background: #00b4d821; border-left: 4px solid #00b4d8; }
.post-template .post-content table { display: block; max-width: 100%; overflow-x: auto; margin: 25px 0; border-collapse: collapse; }
.post-template .post-content th,
.post-template .post-content td { padding: 10px 13px; border: 1px solid #00b4d855; text-align: left; }
.post-template .post-content th { color: #ffdf00; background: #092433; }

.post-template .post-content .highlight-box { margin: 26px 0; padding: 20px 22px; background: linear-gradient(90deg, #00b4d82b, #0924338f); border-left: 4px solid #28ebd9; border-radius: 0 10px 10px 0; }
.post-template .post-content .highlight-box h4 { margin-top: 0; }
.post-template .post-content .image-left, .post-template .post-content .image-right { width: min(46%, 360px); margin-top: 5px; }
.post-template .post-content .image-left { float: left; margin-right: 26px; }
.post-template .post-content .image-right { float: right; margin-left: 26px; }
.post-template .post-content .clear-float { clear: both; }
.post-template .post-content .video-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 30px 0; overflow: hidden; border: 1px solid #00b4d855; border-radius: 10px; }
.post-template .post-content .video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.post-template .post-content .sample-form { margin: 30px 0; padding: 25px; background: #071a2bd1; border: 1px solid #00b4d866; border-radius: 12px; }
.post-template .post-content .sample-form h3 { margin-top: 0; }
.post-template .post-content .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.post-template .post-content .field-full { grid-column: 1 / -1; }
.post-template .post-content label { display: block; margin-bottom: 6px; color: #c9f6ff; font-weight: 700; font-size: .94rem; }
.post-template .post-content input, .post-template .post-content select, .post-template .post-content textarea { width: 100%; padding: 11px 12px; color: #fff; background: #092433; border: 1px dashed #00b4d8a8; border-radius: 5px; font: inherit; }
.post-template .post-content select option { color: #fff; background: #092433; }
.post-template .post-content textarea { min-height: 125px; resize: vertical; }
.post-template .post-content .radio-group { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.post-template .post-content .radio-group label { display: flex; align-items: center; gap: 7px; margin: 0; font-weight: 400; }
.post-template .post-content .radio-group input { width: auto; accent-color: #00b4d8; }
.post-template .post-content .button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.post-template .post-content .sample-button { display: inline-block; padding: 10px 18px; border: 2px solid #00b4d8; border-radius: 24px; cursor: pointer; font: inherit; font-weight: 700; line-height: 1.2; text-decoration: none; }
.post-template .post-content .button-primary { color: #07131d; background: #00b4d8; }
.post-template .post-content .button-outline { color: #00b4d8; background: transparent; }
.post-template .post-content .button-yellow { color: #141c27; background: #ffdf00; border-color: #ffdf00; }
.post-template .post-content .button-text { padding: 10px 4px; color: #28ebd9; border-color: transparent; border-radius: 0; text-decoration: underline; }
.post-template .post-content .direct-contact-component { margin: 34px 0 0; padding: 0; overflow: hidden; border: 1px solid #9aa0a8; border-radius: 12px; background: #2b2b2b; }
.post-template .post-content .direct-contact-component h3 { margin: 0; padding: 26px 20px; color: #ffdf00; border-bottom: 1px solid #8d8d8d; text-align: center; }
.post-template .post-content .contact-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 30px; }
.post-template .post-content .contact-card { display: flex; align-items: center; gap: 20px; min-height: 120px; padding: 10px; color: #fff; background: #303030; border: 1px solid #a5a5a5; border-radius: 12px; text-decoration: none; }
.post-template .post-content .contact-card:hover { border-color: #28ebd9; background: #343c42; }
.post-template .post-content .contact-card img { width: 101px; height: 101px; margin: 0; object-fit: contain; border-radius: 16px; }
.post-template .post-content .contact-card strong { display: block; color: #fff; font-size: 1.3rem; line-height: 1.25; }
.post-template .post-content .contact-card small { display: block; margin-top: 8px; color: #fff; font-size: 1rem; font-style: italic; line-height: 1.4; }

@media only screen and (max-width: 600px) {
    .post-template .intro-content { padding-bottom: 35px; }
    .post-template .post-label { margin-top: 0; }
    .post-template .post-thumbnail,
    .post-template .post-body { width: calc(100% - 32px); }
    .post-template .post-thumbnail { margin-top: 22px; }
    .post-template .post-body { margin-bottom: 120px; }
    .post-template .post-content,
    .post-template .post-empty { padding: 25px 20px 34px; font-size: 1rem; }
    .post-template .post-content .form-grid { grid-template-columns: 1fr; }
    .post-template .post-content .image-left, .post-template .post-content .image-right { float: none; width: 100%; margin: 22px 0; }
    .post-template .post-content .contact-card-grid { grid-template-columns: 1fr; padding: 20px; }
    .post-template .post-content .contact-card { min-height: 100px; }
    .post-template .post-content .contact-card img { width: 78px; height: 78px; }
}
/* ====================================================================
   15 CUSTOM POST BUILDER COMPONENTS
==================================================================== */

/* 1. YouTube Video */
.post-template .post-content .wrapper { max-width: 680px; margin: 0 auto; padding: 0; width: 100%; }
.post-template .post-content .youtube { background-image:url('/image/video-placeholder.webp'); background-size: cover; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; border-radius: 10px; margin: 25px auto; }
.post-template .post-content .youtube img { width: 100%; top: -16.82%; left: 0; opacity: 0.95; }
.post-template .post-content .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 1; border-radius: 6px; }
.post-template .post-content .youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; }
.post-template .post-content .youtube img, .post-template .post-content .youtube .play-button { cursor: pointer; background-color: red; }
.post-template .post-content .youtube img, .post-template .post-content .youtube iframe, .post-template .post-content .youtube .play-button, .post-template .post-content .youtube .play-button:before { position: absolute; }
.post-template .post-content .youtube .play-button, .post-template .post-content .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); }
.post-template .post-content .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; border: 0; }

/* 5. Notice Box */
.post-template .post-content .notice-box {
    margin: 25px 0;
    padding: 20px 24px;
    border-radius: 10px;
    background: #0d1b2a;
    border-left: 5px solid #00b4d8;
    color: #e0e1dd;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.post-template .post-content .notice-title {
    display: block;
    margin-bottom: 8px;
    font-size: 1.2rem;
    color: #fff;
}
.post-template .post-content .notice-box p {
    margin: 0;
    font-size: 1.05rem;
}
/* Variations */
.post-template .post-content .notice-info { border-left-color: #00b4d8; background: rgba(0, 180, 216, 0.08); }
.post-template .post-content .notice-info .notice-title { color: #00b4d8; }
.post-template .post-content .notice-warning { border-left-color: #ffc107; background: rgba(255, 193, 7, 0.08); }
.post-template .post-content .notice-warning .notice-title { color: #ffc107; }
.post-template .post-content .notice-success { border-left-color: #198754; background: rgba(25, 135, 84, 0.08); }
.post-template .post-content .notice-success .notice-title { color: #20c997; }
.post-template .post-content .notice-danger { border-left-color: #dc3545; background: rgba(220, 53, 69, 0.08); }
.post-template .post-content .notice-danger .notice-title { color: #ff6b6b; }

/* 6. CTA Button */
.post-template .post-content .cta-wrap {
    margin: 35px 0;
}
.post-template .post-content .cta-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}
.post-template .post-content .cta-btn:hover {
    transform: translateY(-2px);
}
.post-template .post-content .cta-btn-primary {
    background: linear-gradient(135deg, #00b4d8, #0077b6);
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 180, 216, 0.3);
}
.post-template .post-content .cta-btn-primary:hover {
    box-shadow: 0 6px 20px rgba(0, 180, 216, 0.5);
}
.post-template .post-content .cta-btn-secondary {
    background: linear-gradient(135deg, #ffdf00, #ffb703);
    color: #0b1020 !important;
    box-shadow: 0 4px 15px rgba(255, 223, 0, 0.2);
}
.post-template .post-content .cta-btn-secondary:hover {
    box-shadow: 0 6px 20px rgba(255, 223, 0, 0.4);
}
.post-template .post-content .cta-btn-outline {
    background: transparent;
    color: #28ebd9 !important;
    border: 2px solid #28ebd9;
}
.post-template .post-content .cta-btn-outline:hover {
    background: rgba(40, 235, 217, 0.1);
}

/* 7. Image with Caption */
.post-template .post-content .post-figure {
    margin: 35px auto;
    text-align: center;
}
.post-template .post-content .post-figure img {
    margin-bottom: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.post-template .post-content .post-figure figcaption {
    font-size: 0.95rem;
    color: #a0c4d8;
    font-style: italic;
    line-height: 1.5;
}

/* 8. Also Read Box */
.post-template .post-content .also-read-box {
    margin: 25px 0;
    padding: 16px 22px;
    background: #111a2f;
    border: 1px solid #1f2a6b;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.post-template .post-content .also-read-label {
    font-weight: 700;
    color: #ffdf00;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: rgba(255,223,0,0.1);
    padding: 4px 10px;
    border-radius: 4px;
}
.post-template .post-content .also-read-link {
    color: #28ebd9 !important;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none !important;
    flex-grow: 1;
}
.post-template .post-content .also-read-link:hover {
    text-decoration: underline !important;
    color: #fff !important;
}

/* 9. FAQ Item */
.post-template .post-content .faq-item {
    margin: 20px 0;
    border: 1px solid #00b4d84a;
    border-radius: 8px;
    overflow: hidden;
    background: #091724;
}
.post-template .post-content .faq-question {
    margin: 0 !important;
    padding: 18px 22px;
    font-size: 1.2rem !important;
    color: #c9f6ff !important;
    cursor: pointer;
    position: relative;
    user-select: none;
    transition: background 0.3s;
}
.post-template .post-content .faq-question:hover {
    background: #0c1e30;
}
.post-template .post-content .faq-question::after {
    content: '+';
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6rem;
    color: #00b4d8;
    transition: transform 0.3s;
}
.post-template .post-content .faq-item.active .faq-question::after {
    content: '\2212';
    transform: translateY(-50%) rotate(180deg);
}
.post-template .post-content .faq-answer {
    max-height: 0;
    opacity: 0;
    padding: 0 22px;
    overflow: hidden;
    transition: all 0.4s ease;
}
.post-template .post-content .faq-item.active .faq-answer {
    max-height: 1000px;
    opacity: 1;
    padding: 10px 22px 22px;
}
.post-template .post-content .faq-answer p:last-child {
    margin-bottom: 0;
}

/* 10. Pros & Cons */
.post-template .post-content .pros-cons-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 30px 0;
}
@media (max-width: 650px) {
    .post-template .post-content .pros-cons-grid { grid-template-columns: 1fr; }
}
.post-template .post-content .pros-col,
.post-template .post-content .cons-col {
    padding: 20px;
    border-radius: 12px;
}
.post-template .post-content .pros-col {
    background: rgba(25, 135, 84, 0.06);
    border: 1px solid rgba(25, 135, 84, 0.3);
}
.post-template .post-content .cons-col {
    background: rgba(220, 53, 69, 0.06);
    border: 1px solid rgba(220, 53, 69, 0.3);
}
.post-template .post-content .pros-col h4 {
    margin: 0 0 15px !important;
    color: #20c997 !important;
}
.post-template .post-content .cons-col h4 {
    margin: 0 0 15px !important;
    color: #ff6b6b !important;
}
.post-template .post-content .pros-list,
.post-template .post-content .cons-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.post-template .post-content .pros-list li,
.post-template .post-content .cons-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    line-height: 1.6;
}
.post-template .post-content .pros-list li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #20c997;
    font-weight: bold;
}
.post-template .post-content .cons-list li::before {
    content: '\2715';
    position: absolute;
    left: 0;
    color: #ff6b6b;
    font-weight: bold;
}

/* 11. Key Takeaway */
.post-template .post-content .key-takeaway-box {
    margin: 35px 0;
    padding: 25px;
    background: linear-gradient(135deg, rgba(0, 180, 216, 0.1), rgba(40, 235, 217, 0.05));
    border: 1px solid rgba(40, 235, 217, 0.4);
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(40, 235, 217, 0.1) inset;
    text-align: center;
}
.post-template .post-content .takeaway-label {
    display: inline-block;
    margin-bottom: 12px;
    font-weight: 700;
    color: #ffdf00;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.post-template .post-content .key-takeaway-box p {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.8;
}

/* 12. Table (2-column) */
.post-template .post-content .post-table-wrap {
    overflow-x: auto;
    margin: 30px 0;
    border-radius: 8px;
    border: 1px solid #00b4d84a;
}
.post-template .post-content .post-table {
    width: 100%;
    margin: 0;
    border: none;
}
.post-template .post-content .post-table th,
.post-template .post-content .post-table td {
    border: none;
    border-bottom: 1px solid #00b4d830;
}
.post-template .post-content .post-table tr:last-child td {
    border-bottom: none;
}

/* 13. Quote Block */
.post-template .post-content .post-quote {
    margin: 35px 0;
    padding: 24px 30px;
    background: rgba(0, 180, 216, 0.05);
    border-left: 5px solid #28ebd9;
    border-radius: 0 12px 12px 0;
    font-style: italic;
    position: relative;
}
.post-template .post-content .post-quote::before {
    content: '\201C';
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 4rem;
    color: rgba(40, 235, 217, 0.15);
    font-family: Georgia, serif;
    line-height: 1;
}
.post-template .post-content .post-quote p {
    font-size: 1.2rem;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.post-template .post-content .post-quote cite {
    display: block;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    color: #00b4d8;
    text-align: right;
}
.post-template .post-content .post-quote cite::before {
    content: '\2014 ';
}

/* 14. Section Divider */
.post-template .post-content .post-section-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 40px 0;
}
.post-template .post-content .post-section-divider::before,
.post-template .post-content .post-section-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(0, 180, 216, 0.3);
}
.post-template .post-content .post-section-divider:not(:empty)::before { margin-right: 15px; }
.post-template .post-content .post-section-divider:not(:empty)::after { margin-left: 15px; }
.post-template .post-content .divider-label {
    color: #ffdf00;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}


/* ========================================= */


.navMenu{display: flex;flex-flow: column wrap;gap: 10px;background-color:rgb(51, 51, 51);min-height: 60px;;padding-top: 60px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navMenu a:not(:first-child){display: none;}
.navMenu a{padding: 15px 15px ;text-decoration: none; color: white;font-size: 18px;}
.navMenu a:hover{background-color: #efefef; color: indigo; border-radius: 5px 5px 0 0;}
.navMenu a:first-child{padding: 15px 0 ;position: absolute;left: 20px;top:0px;font-weight:600;font-size: 22px; font-family: Arial, Helvetica, sans-serif;}
.navMenu a:first-child:hover{ background-color:rgb(51, 51, 51); color: white;}
.pad-b{padding-bottom: 12px;}
.menuBtn{position: absolute;right: 8px;top:2px;padding: 8px 20px;color: white;font-size: 30px;font-weight: 600;background:transparent;border: none;}
.navMenu.showMenu a{display: block;}
@media only screen and (min-width: 800px) {
    .navMenu{flex-direction: row;justify-content: right;padding-right: 50px;padding-top: 10px;min-height: 45px;position: relative;}
    .navMenu a:not(:first-child){display: block;}
    .navMenu a:first-child{padding-left: 20px;top: 4px;}
    .menuBtn{display: none;}    
}
@media screen and (max-width:600px) {.navMenu a:not(:first-child){padding: 8px 15px; border-bottom: 1px solid #414141; }}



.post-footer { margin-top: 70px; padding: 68px 24px 34px; color: #cfd7e6; background: #0d172c; border-top: 1px solid #26344e; }
.post-footer, .post-footer * { font-family: 'SolaimanLipi', 'Open Sans', sans-serif; }
.post-footer-inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr); gap: 110px; width: min(100%, 1330px); margin: 0 auto; }
.post-footer h2 { margin: 0; color: #fff; font-size: 1.65rem; }
.post-footer-line { display: block; width: 46px; height: 3px; margin: 16px 0 25px; background: linear-gradient(90deg, #8658d5, #26c79b); border-radius: 4px; }
.post-footer p { max-width: 690px; margin: 0 0 8px; color: #c2c9d6; font-size: 1.12rem; line-height: 1.65; }
.post-footer-link-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 40px; }
.post-footer-link-grid a { color: #d3d8e4; font-size: 1.05rem; text-decoration: none; }
.post-footer-link-grid a:hover { color: #28ebd9; }
.post-footer-link-grid span { padding-right: 9px; color: #b6c3d8; font-family: Arial, sans-serif; font-size: 2rem; font-weight: 300; line-height: 0; vertical-align: -3px; }
.post-footer-bottom { position: relative; display: flex; justify-content: center; width: min(100%, 1330px); margin: 66px auto 0; padding-top: 35px; border-top: 1px solid #29354b; color: #d1d8e5; font-family: 'Open Sans', sans-serif; font-size: .92rem; letter-spacing: .03em; }
.post-scroll-top { position: fixed; right: 28px; bottom: 28px; z-index: 1001; width: 60px; height: 60px; color: #fff; background: #121a2c; border: 3px solid #313c55; border-radius: 50%; cursor: pointer; font: 2rem/1 Arial, sans-serif; opacity: 0; pointer-events: none; transform: translateY(14px); transition: opacity .2s ease, transform .2s ease, border-color .2s ease; }
.post-scroll-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.post-scroll-top:hover { color: #28ebd9; border-color: #28ebd9; }
@media (max-width: 750px) { .post-footer { margin-top: 45px; padding: 48px 22px 105px; } .post-footer-inner { grid-template-columns: 1fr; gap: 42px; } .post-footer-link-grid { gap: 16px 24px; } .post-footer-bottom { justify-content: flex-start; margin-top: 42px; padding-right: 60px; line-height: 1.6; } .post-scroll-top { right: 16px; bottom: 96px; width: 48px; height: 48px; font-size: 1.6rem; } }



@media (max-width: 767px) {
    .mdNone { display: none !important;}
}