* {
    font-family: "Inter", sans-serif;
}
.links-container.bottom {
    display: none; 
    transition: opacity 0.3s ease-in-out;
}
body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}
.mobile {
    display: none;
}
/* Additional styles for dark mode */
.dark-mode .question {
    color: #ffffff;
}

.dark-mode .answer {
    color: #cccccc;
}

    .links-container.bottom.show {
        display: block;
        opacity: 1;
    }
.faqq-11 {
    font-weight: 500;
}

@media (min-width: 1400px) {
    .container.faq-page-container {
        max-width: 1320px !important;
    }
    footer .patent-container img {
        width: 16% !important;
    }
}
span#faq-101b {
    max-width: 180px;
}
span#faq-101 {
    max-width: 180px;
}
a:hover {
    text-decoration: none;
}
header .gold {
    color: #b2914c !important;
    font-weight: 600;
}

.tabs-links-container img {
    width: 35%;
}

    .tabs-links-container img.gold-Img, .tabs-links-container img.security-Img {
        width: 27%;
    }
h5#Faqtop-head {
    max-width: 540px;
}
#faqTabs.nav-tabs .nav-item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    border-radius: 15px;
    width: 18.6%;
    position: relative;
}

#faqTabs .nav-link {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 30px 0;
    padding-bottom: 60px;
    border: 1px solid #00000014 !important;
    border-radius: 18px;
    min-height: 200px;
}

    #faqTabs .nav-link span {
        position: absolute;
        bottom: 15px;
        color: black;
        font-weight: 600;
        font-size: 16px;
    }

    #faqTabs .nav-link.active span {
        color: #502DC6;
    }

    #faqTabs .nav-link.active {
        border: none;
        color: #502DC6;
        border: 2px solid #502DC6 !important;
    }

#faqTabs.nav-tabs {
    border-bottom: unset;
}

.main {
    margin-top: 30px;
}

@media screen and (min-width: 500px) {

    .logo-header-mobile {
        display: none;
    }

    .navbar-dark .navbar-nav .nav-link:hover {
        color: white !important;
    }

    body {
        background-color: white !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: white !important;
    }

    .topSec {
        background-image: linear-gradient(white 40%, #c2dde8bf);
        height: 300px;
        margin-bottom: 50px;
    }

        .topSec p {
            color: #185E8D;
            font-weight: 700;
            padding: 10px;
            border-radius: 15px;
            background-color: #F2F9FD;
        }

        .topSec h5 {
            text-align: center;
            font-size: 40px;
            font-weight: 600;
        }

        .topSec input {
            width: 45%;
            height: 55px;
            border-radius: 30px;
            border: 1px solid #D7D7D8;
            padding-left: 20px;
            outline: none;
            padding-right: 51px;
        }

    .faq-container h5 {
        font-size: 30px !important
    }

    .question {
        font-weight: 600;
        border-bottom: 1px solid #B1B1B1 !important;
        padding-top: 40px;
        padding-bottom: 10px;
        font-size: 22px;
    }

    .fa-add:before, .fa-plus:before {
        content: "\2b";
        font-size: 16px;
    }

    .fa-minus:before, .fa-subtract:before {
        content: "\f068";
        font-size: 16px;
    }

    .noBorder {
        border-top: none !important;
        padding-top: 30px !important;
    }

    .question, .answer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .answer {
        font-size: 16px;
        margin-top: 20px;
    }

    .question.active .fa-plus::before {
        content: "\f068" !important; /* Unicode for the minus icon */
    }

    .has-visible-answer .fa-plus::before {
        content: "\f068" !important; /* Unicode for the minus icon */
    }

    .moreHelp {
        background-color: #F6FBFF;
        padding: 40px 0;
        border-radius: 25px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .moreHelp h5 {
            color: #185E8D;
            font-weight: 600;
        }

        .moreHelp a, .moreHelp span {
            color: #2A9CE8;
        }

        .moreHelp p {
            margin-bottom: 0px;
        }



    .webSearchBox {
        position: relative;
    }

        .webSearchBox .fa-search {
            position: absolute;
            transform: translateX(215px);
            font-size: 13px;
            padding: 12px;
            border-radius: 50px;
            background-color: #F7F9FB;
            color: #502DC6;
        }

    .faq-container h5 {
        color: black;
    }
}

.links-container.bottom.container.tabs-links-container.faq-page-container {
    margin-top: 45px;
}

.navbar-dark .navbar-nav .nav-link.goldLink {
    color: #d7c478 !important;
}

    .navbar-dark .navbar-nav .nav-link.goldLink:hover {
        color: #d7c478 !important;
    }

header {
    background-color: transparent !important;
}

    header.sticky {
        background-color: black !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    }

    header .navbar .navbar-nav li a.black {
        color: black !important;
    }
    header .navbar .navbar-nav li a.white {
        color: #ffffff !important; 
    }

        header .navbar .navbar-nav li a.black:hover {
            color: black !important;
        }

body {
    background-color: black;
    font-family: helvetica;
}

.heading h5 {
    margin-top: 15px;
    margin-bottom: 20px;
    color: white;
}

.faq-container {
    overflow: hidden;
}

.question {
    cursor: pointer;
    margin-top: -2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



    .answer:last-child {
        border-bottom: none;
    }

.question.active {
    border-bottom: none !important;
    border-top: 1px solid #7b7b7b78;
    font-weight: 600;
}

.fa-chevron-down {
    padding-left: 10px;
}

.question.active .fa-chevron-down {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    padding-left: 0px;
    padding-right: 10px;
}

.has-visible-answer .fa-chevron-down::before {
    content: "\f077" !important; /* Unicode for the minus icon */
}
.answer {
    display: none;
}
.question.active + .answer {
    display: block;
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.seachBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
}

#searchInput {
    background-color: #2B2B2B;
    margin-bottom: 15px;
    height: 20px;
    height: 40px;
    border-radius: 10px;
    border: none;
    outline: none;
    color: white;
    padding-left: 20px;
    width: 100%;
}

.help-section {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center !important;
}

    .help-section h5 {
        font-size: 40px;
    }

    .help-section p {
        margin-bottom: 0px;
    }

    .help-section span {
        color: #0d6efd;
    }



@media screen and (max-width: 1200px) {
    .webSearchBox .fa-search {
        transform: translateX(150px);
    }
}



@media screen and (max-width: 992px) {
    .webSearchBox .fa-search {
        transform: translateX(100px);
    }
}

@media screen and (max-width: 786px) {
    .webSearchBox .fa-search {
        transform: translateX(70px);
    }
    .links-container.bottom.container.tabs-links-container.faq-page-container {
        display: none !important;
    }
}


.faq-container h5 {
    margin-top: 30px;
    font-size: 17px;
    font-weight: 500;
}

.faq-container .basic h5 {
    margin-top: 30px;
}


.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px;
}

.grid-item {
    padding: 5px 0;
}

ol {
    padding-inline-start: 15px;
    list-style-type: decimal;
}



.m-btm {
    margin-bottom: 0px;
}

.topSec p {
    color: #502DC6;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 11px;
    background-color: #F3F3FB;
    margin-bottom: 5px;
    margin-top: 15px;
}

.topSec h5 {
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: .10px;
}

.topSec {
    height: 100%;
    background: linear-gradient(180deg, #fdfdfd 0%, #f7f7fe 50%, #F4F4FD 100%);
    padding-bottom: 50px;
}


.btns-main {
    display: flex;
    gap: 25px;
}

    .btns-main a {
        text-decoration: none;
        color: #000000;
        font-weight: 700;
        font-size: 20px;
        border: 1px solid #080808;
        padding: 12px;
        border-radius: 50px;
    }

.faq-buttons {
    padding: 20px 0px 50px 0px;
}

.btns-main a {
    text-decoration: none;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #f9f9f9;
    padding: 10px 18px;
    border-radius: 50px;
    background: #f9f9f9;
}

span.btn-1 a {
    background: #000000;
    color: #Fff;
    border: 1px solid #100f0f;
}

.toggle-btn-popular {
    background-color: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

    .toggle-btn-popular:focus {
        outline: none;
    }

p.need-more-help {
    color: #502DC6;
    font-size: 35px;
    font-weight: 500;
    margin: 0;
    text-align: left;
    letter-spacing: 0.5px;
}

p.inquery {
    color: #181818;
    font-size: 30px;
    font-weight: 500;
    text-align: left;
}

.email-contact-main img {
    width: 25%;
}

.main-info {
    display: flex;
    align-items: center;
}

p.email-mini {
    margin: 0;
}

p.email-mini {
    margin: 0;
    color: #014E81;
    font-weight: 600;
}

p.email-complete {
    color: #1492E6;
    font-size: 18px;
    font-weight: 600;
}

section.need-more-help {
    padding: 70px 0px;
}

    section.need-more-help .row {
        background: #F7F7FC;
        padding: 45px 30px;
        border-radius: 20px;
    }

.col-md-6.two {
    display: flex;
    justify-content: unset;
}

.email-contact-main img {
    width: 50%;
}

.col-md-3.two {
    display: flex;
}

.col-md-3.three {
    display: flex;
}

.email-contact-main-mobile img {
    width: 17%;
}

.email-contact-main-mobile {
    display: contents;
}

.email-headingphone {
    position: relative;
    left: 30px;
}

.email-contact-main img {
    width: 8%;
}

.phone-contact-main img {
    width: 8%;
}

.email-phone-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.email-heading {
    display: flex;
    flex-direction: column;
}

.email-contact-main img {
    width: 40px;
    height: 40px;
}

.email-contact-main {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 60px;
}

.email-phone-main p {
    margin: 0;
    padding: 0;
}

.phone-contact-main img {
    width: 40px;
    height: 40px;
}

.phone-contact-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

.col-md-6.contact {
    display: flex;
    justify-content: center;
}

p.email-heading-para {
    color: black;
    font-weight: 600;
    font-size: 18px;
}

a.email-address-para {
    margin: 0;
    color: #502DC6;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
}

p.email-address-para {
    margin: 0;
    color: #502DC6;
    font-weight: 600;
    font-size: 18px;
}

.col-lg-6.contact {
    display: flex;
}

.col-lg-6.contact {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.col-lg-6.needmore {
    text-align: center;
}

i.fa-brands.fa-x-twitter {
    font-size: 17px;
    color: #ffffff;
    position: relative;
    top: 4px;
}

section.need-more-help-mobile {
    display: none;
}



.gold .grid-container {
    grid-template-columns: auto auto auto;
}

.circle-type {
    list-style-type: circle;
}

@media screen and (max-width: 1400px) {
    #faqTabs .nav-link {
        min-height: 175px;
    }

        #faqTabs .nav-link span {
            font-size: 16px;
        }

    .tabs-links-container img {
        width: 30%;
    }

        .tabs-links-container img.gold-Img, .tabs-links-container img.security-Img {
            width: 25%;
        }

    .topSec h5 {
        font-size: 33px;
    }

    .topSec input {
        width: 40%;
        height: 50px;
        padding-right: 36px;
    }

    .webSearchBox .fa-search {
        transform: translateX(186px);
    }

    .question {
        padding-top: 30px;
        font-size: 18px;
    }

    p.need-more-help {
        font-size: 30px;
    }

    p.inquery {
        font-size: 25px;
    }

    p.email-heading-para {
        font-size: 16px;
    }

    a.email-address-para {
        font-size: 16px;
    }

    p.email-address-para {
        font-size: 16px;
    }
}



@media screen and (max-width: 1200px) {
    #faqTabs .nav-link {
        min-height: 140px;
    }

    .webSearchBox .fa-search {
        transform: translateX(150px);
    }

    p.need-more-help {
        font-size: 25px;
    }

    p.inquery {
        font-size: 20px;
    }

    p.email-heading-para {
        font-size: 14px;
    }

    a.email-address-para {
        font-size: 14px;
    }

    p.email-address-para {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    #faqTabs.nav-tabs .nav-item {
        width: 100%;
    }
    .navbar-toggler {
        background-color: #000000;
    }
    header .navbar .navbar-nav li a.black {
        color: #ffffff !important;
    }

    .topSec input {
        width: 56%;
    }

    #faqTabs .nav-link {
        min-height: 85px;
        padding: 10px 0px 10px 15px;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .tabs-links-container img {
        width: 8%;
        margin-right: 15px;
    }

        .tabs-links-container img.gold-Img, .tabs-links-container img.security-Img {
            width: 8%;
        }

    #faqTabs .nav-link span {
        position: relative;
        bottom: unset;
    }

    header .navbar .navbar-collapse {
        background-color: transparent;
    }

    section.need-more-help .row {
        padding: 25px 30px;
    }

    p.need-more-help {
        font-size: 28px;
        text-align: center;
    }

    p.inquery {
        font-size: 23px;
        text-align: center;
    }


    .email-contact-main img, .phone-contact-main img {
        background: white;
        border-radius: 9px;
    }

    .phone-contact-main {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .topSec input {
        width: 76%;
    }

    .mBasic .main {
        height: unset;
        overflow-y: auto;
    }

    .mBasic .less {
        border-top: none !important
    }

    .mSecurity .main {
        height: unset;
        overflow-y: auto;
    }

    .mSecurity .less {
        border-top: none !important
    }

    .mFeatures .main {
        height: unset;
        overflow-y: auto;
    }

    .mFeatures .less {
        border-top: none !important
    }

    .mGold .main {
        height: unset;
        overflow-y: auto;
    }

    .mGold .less {
        border-top: none !important
    }

    .mGroup .main {
        height: unset;
        overflow-y: auto;
    }

    .mGroup .less {
        border-top: none !important
    }

    .phone-contact-main {
        flex-direction: column;
    }

    p.inquery {
        font-size: 24px;
    }

    p.inquery {
        font-size: 20px;
    }

    .email-contact-main {
        display: flex;
        align-items: center;
        gap: 10px;
        text-align: center;
        flex-direction: column;
        margin-right: unset;
    }

    .phone-contact-main {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: column;
    }

    .email-phone-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }
}


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

    .mobile {
        display: block;
        background: black;
    }

 
}



@media screen and (max-width: 500px) {
    header .navbar .navbar-nav li a.black {
        color: white !important;
    }
    i.fa-solid.fa-arrow-left.mr-2 {
        margin-right: 6px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        background-color: transparent;
    }

    #faqTabs .nav-link span {
        color: white;
    }


    .light-theme #faqTabs .nav-link {
        border: 1px solid #2b2b2b29 !important;
        position: relative;
    }
        .light-theme #faqTabs .nav-link.active {
            color: #502DC6;
            border: 2px solid #502DC6 !important;
        }

        #faqTabs .nav-link.active span {
            color: white;
        }

    #faqTabs .nav-link img {
        width: 10px;
    }

    #faqTabs .nav-link img {
        width: 35px;
        margin-right: 20px;
    }

    #faqTabs .nav-link {
        border: 1px solid #2B2B2B !important;
        position: relative;
    }

    .fa-arrow-right {
        position: absolute;
        right: 23px;
        color: white;
        font-size: 20px;
    }

    .faq-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    #searchInput {
        width: 95%;
    }


    a.email-address-para {
        margin: 0;
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
    }


    section.need-more-help-mobile {
        display: block;
    }

    section.need-more-help-mobile {
        padding: 9px 0px 50px 0px;
    }


    .web {
        display: none;
    }

    .logo-header-web {
        display: none;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: white !important;
    }

    .faq-container {
        border-top: 1px solid #7b7b7b78;
        overflow: hidden;
    }

    .heading h5 {
        color: #96A2F6;
    }

    .light-theme .heading h5 {
        color: #502dc6;
    }

    #faqTitle {
        margin-left: 0px;
        margin-top: 0px;
    }

    #backButton {
        color: white;
        margin-bottom: 15px;
    }

    .question {
        background-color: black;
        color: #fff;
        padding: 15px 18px;
        border-top: 1px solid #2B2B2B;
        border-left: 1px solid #2B2B2B;
        border-right: 1px solid #2B2B2B;
        border-bottom: 1px solid #2B2B2B;
        border-radius: 15px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    .question {
        padding-top: 15px;
    }

        .question.has-visible-answer {
            font-size: 18px;
            border-bottom: none;
            margin-bottom: 0px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            background-color: #151515;
            font-size: 16px;
        }

    .answer {
        background-color: black;
        color: white;
        border-bottom: 2px solid #7b7b7b78;
        padding: 8px 18px;
        padding-bottom: 30px;
        border-left: 1px solid #2B2B2B;
        border-right: 1px solid #2B2B2B;
        border-bottom: 1px solid #2B2B2B;
        border-radius: 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-bottom: 20px;
        background-color: #151515;
        font-size: 16px;
    }

    #faqTabs .nav-link {
        margin-bottom: 15px;
    }

    #faqTabs.nav-tabs {
        margin-bottom: 30px;
    }

    .main {
        margin-top: 0px;
    }

    .question.active {
        background-color: black;
    }

    h5 {
        color: white;
    
    }

    .seachBox {
        position: relative;
    }

        .seachBox .fa-times {
            color: red;
            bottom: 46%;
            position: absolute;
            right: 8%;
        }

    .fa-times {
        display: none;
    }

    .fa-add:before, .fa-plus:before {
        content: "\f078";
    }

   
    body {
        background-color: black !important;
        color: white; 
        font-family: Helvetica, sans-serif;
    }
        body.light-theme .mobile {
            background: white;
        }
        body.light-theme #faqTabs .nav-link.active span {
            color: black !important;
        }

        body.light-theme .question {
            background-color: #ffffff;
            color: #000000;
            border: 1px solid #ccccccb5;
        }

            body.light-theme .fa-arrow-right {
                color: black; 
            }

            body.light-theme li.nav-item a span {
                color: black !important;
            }

            body.light-theme li.nav-item a i {
                color: black !important; 
            }

        body.light-theme #searchInput {
            background-color: #ffffff;
            border: 0.5px solid #0000002e;
            color: #000;
        }

            body.light-theme footer {
                background-color: #ffffff; 
            }

                body.light-theme footer h3 {
                    color: #000; 
                }

                body.light-theme footer ul li a {
                    color: #333338; 
                }

            body.light-theme .dropup-btn {
                background: #ffffff;
                border: 1px solid #33333899;
                color: #333338;
            }

            body.light-theme header .navbar .navbar-collapse {
                background-color: #ffffff; 
            }

            body.light-theme header .navbar .navbar-nav li a.white {
                color: black !important;
            }
            body.light-theme #backButton {
                color: black; 
            }
        body.light-theme .answer {
            background-color: white;
            color: black;
           
            border-left: 1px solid #ccccccb5;
            border-right: 1px solid #ccccccb5;
            border-bottom: 1px solid #ccccccb5;
        }
        body.light-theme .language-item {
            color: #000000;
        }
        .question.active {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            margin-bottom: 0px;
        }

            body.light-theme .dropup-content {
                background-color: #fefbfb;
                border-bottom-left-radius: unset;
            }
        body.light-theme header.sticky {
            background-color: #ffffff !important;
        }
        body.light-theme {
            background-color: #ffffff !important;
            color: #000000;
        }

        body.dark-theme {
            background-color: #000000;
            color: #ffffff;
        }

    body.light-theme .navbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cline stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' x1='4' x2='26' y1='7' y2='7'/%3E%3Cline stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' x1='4' x2='26' y1='15' y2='15'/%3E%3Cline stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' x1='4' x2='26' y1='23' y2='23'/%3E%3C/svg%3E");
    }
        body.light-theme .navbar-toggler {
            background-color: #ffffff;
        }
    .mobile {
        display: block;
        /*background: black;*/
    }
  /*  #faqTabs .nav-link span {
        color: #000000;
    }
    #faqTabs .nav-link.active span {
        color: #000000;
    }*/
 
}