/* HEADER < */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400&display=swap');


@font-face {
    font-family: 'Helvetica';
    src: url('customfont/Helvetica.woff2') format('woff2');
    font-display: swap;
}

:root {
    --background: rgb(244, 241, 236);
    --forground: rgb(36, 30, 20);
    --background: rgb(236, 244, 237);
    --forground: rgb(120, 0, 0);
    /* --forground: rgb(48, 17, 12); */
    --forground20: rgba(120, 0, 0, .2);
    --forground20: rgba(212, 196, 188);
    --font_family: Helvetica,Arial, sans-serif, Courier, monospace;
    --border: 1px solid;
    --radius: 5px;
    --maxwidth: 1230px;
    --headerheight: 85px;
    --headerpad: 0px 30px;
    --whatsheadmsize: 100%;
    --menubg: rgba(120, 0, 0, .5);
    --btnfsize: 20px;
    --bannerpad: 50px 30px 0px 30px;
    --bannerheads: 58px;
    --reviewgap:2rem;
    
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    width: 100%;
    background: var(--background);
    color: var(--forground);
    font-family: var(--font_family);
    font-size: 1.1em;
    scrollbar-width: 0px;
}

body::-webkit-scrollbar {
    display: none;
}

/*header {*/
/*    height: var(--headerheight);*/
/*    padding: var(--headerpad);*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.scrollbars {*/
/*    scrollbar-width: 0px;*/
/*}*/

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

/*.link {*/
/*    text-decoration: underline;*/
/*}*/

/*header .logo a {*/
/*    display: flex;*/
/*    height: 100%;*/
/*    align-items: center;*/
/*}*/
/*header .logo {*/
/*    height: 100%;*/
/*}*/
/*.openmenu,*/
/*.headtools {*/
/*    display: flex;*/
/*    gap: 10px;*/
/*    align-items: center;*/
/*}*/

/*.headwhats {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: var(--forground);*/
/*    display: block;*/
/*    mask: url(/images/whatsapp.svg) no-repeat center / var(--whatsheadmsize);*/
/*    -webkit-mask: url(/images/whatsapp.svg) no-repeat center / var(--whatsheadmsize);*/
/*}*/

/*.menuicon {*/
/*    mask: url(/images/menu.svg) no-repeat center / 100%;*/
/*    -webkit-mask: url(/images/menu.svg) no-repeat center / 100%;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: var(--forground);*/
/*    cursor: pointer;*/
/*}*/

/*.menu {*/
/*    width: clamp(300px, 50vw, 600px);*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    top: 0px;*/
/*    right: 0px;*/
/*    transform: translateX(100%);*/
/*    z-index: 2;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    background: var(--forground);*/
/*    padding: 50px 5px 0px 5px;*/
/*    transition: transform .3s, box-shadow .3s;*/
/*    box-shadow: 0px 0px 80px transparent;*/
/*}*/

/*.menu li{*/
/*    list-style-type:none;*/
/*}*/

/*.menu a {*/
/*    font-size: 20px;*/
/*    display: block;*/
/*    padding: 10px 25px;*/
/*    color: var(--background);*/
/*}*/

/*.menu a:hover {*/
/*    background:var(--background) ;*/
/*    color: var(--forground);*/
/*}*/

/*.closemnu {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: var(--background);*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    line-height: 16px;*/
/*    font-size: 14px;*/
/*    position: absolute;*/
/*    right: 25px;*/
/*    top: 25px;*/
/*    cursor: pointer;*/
/*    box-shadow: 0px 0px 15px var(--forground20);*/
/*}*/

/* HEADER > */

/*new header 17.07.2026*/

/* =========================
   HEADER
========================= */

.ctdt-header{
    position: sticky;
    top:0;
    z-index:9999;
    background:#700000;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.ctdt-container{
    width:100%;
    max-width:1180px;
    margin:auto;
}

.ctdt-navbar{
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.ctdt-logo img{
    height:42px;
    width:auto;
    display:block;
}

.ctdt-menu{
    display:flex;
    align-items:center;
    gap:38px;
}

.ctdt-menu a{
    color: #f7f2e6b8;
    text-decoration: none;
    font-size: 14.5px;
    font-weight: 500;
    transition: color .15s ease;
}

.ctdt-menu a:hover{
    color:#d8a23b;
}

.ctdt-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.ctdt-btn{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14.5px;
    padding: 15px 22px;
    border-radius: var(--radius);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #00000000;
    cursor: pointer;
    transition: all .15s ease;
}

.ctdt-btn-outline{
    border:1px solid rgba(255,255,255,.4);
    color:#fff;
    background:transparent;
}

.ctdt-btn-outline:hover{
    background:#fff;
    color:#980000;
}

.ctdt-btn-primary{
    background:#d4a53d;
    color:#2b1300;
}

.ctdt-btn-primary:hover{
    background:#e1b351;
}

/*new header 17.07.2026*/




.banner {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    padding: var(--bannerpad);
    /* max-width: var(--maxwidth) ; */
    margin: 0px auto;
    height: calc(100svh - var(--headerheight));
}

.banner h1 {
    font-size: var(--bannerheads);
    font-family: Poppins, sans-serif;
}

.btn {
    outline: none;
    border: none;
    background: var(--forground);
    color: var(--background);
    padding: 10px 50px;
    font-size: var(--btnfsize);
    border-radius:var(--radius);
}

.btn[disabled]{
    opacity: .3 !important;
    cursor: not-allowed;
}

.banner .btn {
    margin-top: 40px;
}
.reviewsbox {
    color: black;
    width: 100%;
    max-width: 1250px;
    -webkit-mask: linear-gradient(90deg,transparent,white 10%,white 90%, transparent);
    mask: linear-gradient(90deg,transparent,white 10%,white 90%, transparent);
    font-family: 'Roboto Condensed';
    overflow: hidden;
}
.revdisplay{
    width: fit-content;
    display: flex;
    gap: var(--reviewgap);
    animation: scroll 50s linear infinite;
    padding-block: 30px;
}
.revdisplay:hover{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.review{
    background: white;
    width: 280px;
    border-radius: 5px;
    border: 1px solid #e3e5dd;
    padding: 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 20px 0 rgba(50, 45, 0, 0.12);
    height: fit-content;
}
.review h3{
    font-size: medium;
}
.rvimage{
    max-width: 120px;
    margin-bottom: .5rem;
}
.rvtext{
    font-size: small;
}
.rvname{
    padding-top: .7rem;
    font-size: small;
    align-self: flex-end;
    text-transform: capitalize;
}

@keyframes scroll {
    to{
        transform: translate(calc(-50% - calc(var(--reviewgap) / 2)));
    }
}
.heading {
    padding: 5px 30px;
    text-align: center;
    font-size: 1.5em;
    margin: 90px 0px 50px 0px;
    font-family: Poppins;
}

.chooseusbox {
    width: 100%;
    /* padding: 0px 60px; */
    gap: 75px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: var(--maxwidth);
    margin: 0px auto;
}

.chooseusbox .cardicon {
    width: 80px;
    aspect-ratio: 1/1;
    background: var(--forground);
}

.chooseusbox .box {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: 80px 1fr;
    padding: 5px 30px;
}

.chooseusbox .box p {
    grid-area: 2/1/2/-1;
    padding: 15px 6px 10px 6px;
}

.chooseusbox .box h3 {
    display: flex;
    align-items: flex-end;
    padding: 0px 10px 10px 10px;
}

.dollormask {
    mask: url(/images/dollar.svg) no-repeat center / 90%;
    -webkit-mask: url(/images/dollar.svg) no-repeat center / 90%;
}

.quickmask {
    mask: url(/images/timer.svg) no-repeat center / 100%;
    -webkit-mask: url(/images/timer.svg) no-repeat center / 100%;
}

.pnrmask {
    mask: url(/images/verifieduser.svg) no-repeat center / 100%;
    -webkit-mask: url(/images/verifieduser.svg) no-repeat center / 100%;
}

.genuinemask {
    mask: url(/images/verified.svg) no-repeat center / 100%;
    -webkit-mask: url(/images/verified.svg) no-repeat center / 100%;
}

.allround {
    mask: url(/images/24x7.svg) no-repeat center / 100%;
    -webkit-mask: url(/images/24x7.svg) no-repeat center / 100%;
}

.expertmask {
    mask: url(/images/support.svg) no-repeat center / 100%;
    -webkit-mask: url(/images/support.svg) no-repeat center / 100%;
}


.pricebox {
    max-width: var(--maxwidth);
    margin: 0px auto;
    position: relative;
}

.allprice {
    display: flex;
    gap: 50px;
    overflow-x: scroll;
    align-items: flex-start;
    scrollbar-width: 0px;
    padding: 0px 30px;
}

.allprice::-webkit-scrollbar {
    display: none;
}

.pricecard {
    padding: 35px;
    border: 3px solid var(--forground);
    width: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.pricecard h2 {
    font-weight: 600;
    font-size: 1.7em;
}

.pricetag {
    position: relative;
    padding-top: 20px;
    margin: 30px 0px;
}

.pricetag span:nth-child(2) {
    font-size: 7em;
    line-height: 1em;
    font-weight: normal;
    letter-spacing: -8px;
}

.pricetag span:nth-child(1) {
    font-size: 3em;
    position: relative;
    top: -.8em;
}

.pricetag span:nth-child(3) {
    position: relative;
    top: -10px;
}

.pricecard p {
    margin-bottom: 20px;
    line-height: 1.3em;
    text-align: center;
}

.pricecard .btn {
    width: clamp(100px, 85%, 85%);
    text-align: center;
}

.tutorbox {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    max-width: var(--maxwidth);
    margin: 0px auto;
    padding: 0px 30px;
    justify-content: center;
}

.tutorcard {
    width: clamp(200px, 33%, 280px);
    border: 2px solid;
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.tutorcard p:nth-child(1) {
    font-size: 1.3em;
    margin-top: 20px;
}

.tutorcard p:last-child {
    margin-bottom: 20px;
    line-height: 1.5em;
}

.buymask,
.fillmask,
.submitmask,
.qrmask,
.ticketmask {
    width: 100%;
    height: 100px;
    background: var(--forground);
}

.buymask a {
    width: 100%;
    height: 100%;
    display: block;
}

.buymask {
    mask: url('/images/Buy mask.svg') no-repeat center / 100%;
    -webkit-mask: url('/images/Buy mask.svg') no-repeat center / 100%;
}

.fillmask {
    mask: url('/images/fillmask.svg') no-repeat center / 100%;
    -webkit-mask: url('/images/fillmask.svg') no-repeat center / 100%;
}

.submitmask {
    mask: url('/images/submitmask.svg') no-repeat center / 100%;
    -webkit-mask: url('/images/submitmask.svg') no-repeat center / 100%;
}

.qrmask {
    mask: url('/images/qrmask.svg') no-repeat center / 30%;
    -webkit-mask: url('/images/qrmask.svg') no-repeat center / 30%;
}

.ticketmask {
    mask: url('/images/ticketmask.svg') no-repeat center / 100%;
    -webkit-mask: url('/images/ticketmask.svg') no-repeat center / 100%;
}

.purposebox {
    max-width: var(--maxwidth);
    margin: 0px auto;
    padding: 0px 30px;
    line-height: 1.3em;
    font-size: 1.25em;
}

.hbox{
    max-width: var(--maxwidth);
    margin: 0px auto;
    padding: 0px 30px;
}

.purposebox p {
    font-weight: bold;
    padding-bottom: 20px;
}

.purposebox span {
    display: block;
}

.purposebox span:last-child {
    padding-bottom: 30px;
}

.faqbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 75px;
    max-width: var(--maxwidth);
    margin: 0px auto;
    padding: 0px 30px;
}

.faq {
    padding: 0px 30px 30px 30px;
}

.faq h3 {
    padding-bottom: 20px;
}

.faq:last-child {
    grid-column: 1/-1;
}

/* FOOTER < */
/*footer {*/
/*    margin-top: 50px;*/
/*    background: var(--forground);*/
/*    color: var(--background);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100%;*/
/*}*/
/*.footwhats {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: var(--background);*/
/*    mask: url('images/whatsapp.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('images/whatsapp.svg') no-repeat center / 100%;*/
/*}*/

/*.footmail {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    background: var(--background);*/
/*    mask: url('/images/mail.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/mail.svg') no-repeat center / 100%;*/
/*}*/

/*.rights {*/
/*    text-align: center;*/
/*    margin-bottom: 5px;*/
/*}*/

/*.vbar {*/
/*    height: 80%;*/
/*    position: fixed;*/
/*    top: 10%;*/
/*    right: 10px;*/
/*    display: none;*/
/*}*/

/*.vthumb {*/
/*    width: 5px;*/
/*    border: 2px solid var(--forground);*/
/*    height: 80px;*/
/*    background: var(--background);*/
/*    border-radius: var(--radius);*/
/*    position: absolute;*/
/*    top: 0%;*/
/*}*/

/*.hbar {*/
/*    width: 80%;*/
/*    position: absolute;*/
/*    top: -15px;*/
/*    left: 10%;*/
/*    display: none;*/
/*}*/

/*.hthumb {*/
/*    width: 80px;*/
/*    height: 5px;*/
/*    border: 2px solid var(--forground);*/
/*    background: var(--background);*/
/*    border-radius: var(--radius);*/
/*    position: absolute;*/
/*    left: 0%;*/
/*}*/
/*.visiblebars {*/
/*    display: flex !important;*/
/*}*/

/* FOOTER 2< */
/* FOOTER 2< */
/* FOOTER 2< */
/*.footerbox{*/
/*    font-size: 1.1em;*/
/*    padding-bottom: 50px;*/
/*    width: clamp(250px,100%,var(--maxwidth));*/
/*    justify-content: space-evenly;*/
/*    margin: 0px auto;*/
/*    margin-top: 50px;*/
/*}*/
/*.footerbox,.sitemap,.contactus,.contactus a, .social,.footerdiv,.social{*/
/*    display: flex;*/
/*}*/
/*.sitemap ,.contactus,.social{*/
/*    flex-direction: column;*/
/*    gap: 15px;*/
/*}*/
/*.sitemap span,.contactus span ,.social span{*/
/*    text-decoration: underline;*/
/*    margin-bottom: 10px;*/
/*    font-size: 1.1em;*/
/*    opacity: .7;*/
/*    cursor: default;*/
/*}*/
/*.contactus a{*/
/*    align-items: center;*/
/*}*/
/*.wrap{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    padding-right: 10px;*/

/*}*/
/*.footwhats {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    background: var(--background);*/
/*    mask: url('/images/whatsapp.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/whatsapp.svg') no-repeat center / 100%;*/
/*    margin-right: 10px;*/
/*}*/

/*.footmail {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    background: var(--background);*/
/*    mask: url('/images/mail.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/mail.svg') no-repeat center / 100%;*/
/*    margin-right: 10px;*/
/*}*/
/*.footerdiv{*/
/*    flex-direction: column;*/
/*    gap: 30px;*/
/*}*/

/*.platform{*/
/*    position: relative;*/
/*    display: block;*/
/*    width: 40px;*/
/*    aspect-ratio: 1/1;*/
/*    border: 1px solid var(--background);*/
/*    padding: 5px;*/
/*}*/
/*.platform::before {*/
/*    content: "";*/
/*    top: 0px;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50% , -50%);*/
/*    width: 80%;*/
/*    height: 80%;*/
/*    background: var(--background);*/
/*    position: absolute;*/
/*}*/
/*.insta::before {*/
/*    mask: url('/images/instagram.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/instagram.svg') no-repeat center / 100%;*/
/*}*/

/*.quora::before {*/
/*    mask: url('/images/quora.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/quora.svg') no-repeat center / 100%;*/
/*}*/

/*.faceb::before {*/
/*    mask: url('/images/facbook.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/facbook.svg') no-repeat center / 100%;*/
/*}*/

/*.yout::before {*/
/*    mask: url('/images/youtube.svg') no-repeat center / 100%;*/
/*    -webkit-mask: url('/images/youtube.svg') no-repeat center / 100%;*/
/*}*/
/*.platforms {*/
/*    display: grid;*/
/*    gap: 10px;*/
/*    width: fit-content;*/
/*    grid-template-columns: repeat(2, 1fr);*/
/*}*/



/* FOOTER 2> */
/* FOOTER 2> */
/* FOOTER 2> */

/* FOOTER > */

/*new footer 17.07.2026*/

/* =========================
   FOOTER
========================= */

.ctdt-footer{
    background:#700000;
    color:#fff;
    padding:70px 0 25px;
}

.ctdt-footer-grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:60px;
}

.ctdt-footer-logo img{
    height:40px;
    margin-bottom:25px;
}

.ctdt-footer-about p{
    max-width:280px;
    line-height:1.8;
    color:#f7f2e68c;
    font-size:14px;
}

.ctdt-footer h4{
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-family: 'JetBrains Mono', monospace;
    margin-bottom: 16px;
}

.ctdt-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.ctdt-footer li{
    margin-bottom:18px;
}

.ctdt-footer a{
    text-decoration: none;
    color: #f7f2e6a6;
    transition: .3s;
    font-size: 14px;
}

.ctdt-footer a:hover{
    color:#d4a53d;
}

.ctdt-footer-bottom{
    margin-top: 60px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    color: #f7f2e666;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12.5px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .ctdt-navbar{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
    }

    .ctdt-menu{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        gap:20px;
    }

    .ctdt-footer-grid{
        grid-template-columns:1fr 1fr;
    }

    .ctdt-footer-bottom{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }
}

@media(max-width:767px){

    .ctdt-menu{
        display:none;
    }

    .ctdt-actions{
        width:100%;
        justify-content:center;
    }
    
    .ctdt-container{
        padding: 0 20px;
    }

    .ctdt-footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

    .ctdt-btn{
        padding:12px 22px;
        font-size:13px;
    }
    .ctdt-container.ctdt-footer-bottom {
    padding-top: 24px;
}
}

/*new footer 17.07.2026*/

#bannerbars {
    display: none;
    top: 30px;
}

@media screen and (max-width:1350px) {
    :root {
        --bannerheads: 40px;
        --sampleimgwidth: 150px;
        --verifyratio: 25px;
        --maxwidth: 900px;
    }

    .heading {
        font-size: 1.3em;
    }

    .chooseusbox {
        gap: 60px;
    }

    .chooseusbox .cardicon {
        width: 70px;
    }

    .chooseusbox .box {
        grid-template-columns: 70px 1fr;
        grid-template-rows: 70px 1fr;
        padding: 5px 20px;
    }

    .pricecard {
        width: 400px;
    }

    .tutorcard {
        width: clamp(200px, 29%, 280px);
    }

    .purposebox {
        font-size: 1.15em;
    }

    .faqbox {
        gap: 50px;
    }

    .faq {
        padding: 0px 20px 20px 20px;
    }
}

@media screen and (max-width:991px) {
    :root {
        --bannerheads: 30px;
        --sampleimgwidth: 120px;
    }

    .chooseusbox {
        gap: 30px;
    }

    .chooseusbox .box {
        grid-template-columns: 60px 1fr;
        grid-template-rows: 60px 1fr;
        padding: 5px 15px 5px 20px;
    }

    .chooseusbox .cardicon {
        width: 60px;
    }

    .chooseusbox .box p {
        padding: 10px 6px;
    }

    .faqbox {
        display: flex;
        flex-direction: column;
    }

    .faq {
        padding: 0px 10px 10px 10px;
    }

    .faq h3 {
        padding-bottom: 10px;
    }

    .heading {
        font-size: 1.1em;
    }
}

@media screen and (max-width:767px) {
    :root {
        --btnfsize: 16px;
    }

    .banner h1 {
        width: clamp(330px, 80%, 570px);
        text-align: center;
    }

    .banner span {
        font-size: 14px;
        font-weight: 300;
    }
    
    .sample{
        flex-shrink: 0;
    }
    
    .sampbox {
        width: clamp(10%, 100%, 560px);
        position: relative;
    }

    .samplethumbs {
        width: clamp(10%, 100%, 560px);
        overflow-x: scroll;
    }

    .pricecard {
        width: 370px;
        padding: 35px 30px;
    }

    .pricecard p {
        font-size: 1em;
        margin-bottom: 10px;
    }

    .pricetag span:nth-child(2) {
        font-size: 6em;
    }

    .pricetag span:nth-child(3) {
        font-size: .8em;
    }

    .pricetag span:nth-child(1) {
        font-size: 2.5em;
    }

    .pricecard h2 {
        font-weight: 600;
        font-size: 1.5em;
    }

    .pricetag {
        position: relative;
        padding-top: 10px;
        margin: 10px 0px;
    }

    .chooseusbox {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}

@media screen and (max-width:479px) {
    :root {
        --bannerheads: 30px;
    }

    .heading {
        font-size: .9em;
        margin: 50px 0px 30px;
    }

    .chooseusbox .cardicon {
        width: 50px;
    }

    .chooseusbox .box {
        grid-template-columns: 50px 1fr;
        grid-template-rows: 50px 1fr;
        padding: 5px 15px 5px 20px;
    }

    .pricecard {
        width: 300px;
        padding: 35px 20px;
    }

    .tutorcard {
        width: 100%;
    }

    .tutorcard p:nth-child(1) {
        width: 100%;
        margin-top: 0px;
        font-size: 1.2em;
    }

    .buymask,
    .fillmask,
    .submitmask,
    .qrmask,
    .ticketmask {
        height: 85px;
    }

    .buymask {
        mask-size: 80%;
        -webkit-mask-size: 80%;
    }

    .faqbox {
        gap: 30px;
    }
    .revdisplay{
        --reviewgap:1rem;
        animation: scrollmob 30s cubic-bezier(.49,-0.57,.49,1.39) infinite;
    }
    
    .review{
        width: 240px;
        padding:16px;
    }
}

@keyframes scrollmob {
    0% {transform: translate(calc(-0%));}
    18% {transform: translate(calc(-0%));}
    20% {transform: translate(calc(-10% - .2rem));}
    38% {transform: translate(calc(-10% - .2rem));}
    40% {transform: translate(calc(-20% - .2rem));}
    58% {transform: translate(calc(-20% - .2rem));}
    60% {transform: translate(calc(-30% - .2rem));}
    78% {transform: translate(calc(-30% - .2rem));}
    80% {transform: translate(calc(-40% - .2rem));}
    98% {transform: translate(calc(-40% - .4rem));}
    100% {transform: translate(calc(-50% - .4rem));}
}

/* headerfooter responsive */

@media screen and (max-width:767px) {
    :root {
        --headerheight: 70px;
        --headerpad: 0px 15px;
        --btnfsize: 16px;
        --whatsheadmsize: 80%;
    }

    .openmenu,
    .headtools {
        gap: 5px;
        font-size: 14px;
    }

    .heading {
        font-size: 1em;
    }

    .rights {
        font-size: .9em;
    }
    .sitemap span,.contactus span ,.social span{
        font-size: 1em;
    }
}
@media screen and (max-width:479px) {
    body{
        font-size: 1em;
    }
    .footerbox{
        flex-direction: column;
        padding-left: 30px;
    }
    .footerdiv{
        padding-top: 30px;
    }
    .rights{
        font-size: .7em;
    }
}
@media screen and (max-width:390px) {
    header .logo a img, header .logo {
        width: 65px;
    }
}