html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    background-color: #060709 !important;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #FFF !important;
    text-align: center;
}

.row {
    font-size: 14px;
}

.section {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    position: relative;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #1D2029;
    overflow-y: visible;
}

.btn-common {
    cursor: pointer;
    z-index: 9999;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .btn-common:hover,
    .btn-common:active {
        background-color: #4B45FF !important;
        color: #FFFFFF !important;
    }

    .btn-common.active {
        background-color: #4B45FF !important;
        color: #FFFFFF !important;
    }


.general-page-image{
    position: relative;
    top:12px;
}
/*****************************************/
/*************MARKET SECTION**************/
/*****************************************/
/*.market-section {
    position: relative;
    width: 100vw;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
    border-bottom: 1px solid #1D2029;
}

.market-section-container {
    max-width: 1280px;
    margin: 0 auto;
}

.market-section-pageText {
    position: absolute;
    font-weight: 400;
    font-size: clamp(18px, 2.1vw, 26px);
    text-align: center;
    color: #ffffff;
    z-index: 12;
    top: calc(114 / 724 * 100vh);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(320px, calc(731 / 1280 * 100vw), 731px);
}

.market-section-buttonContainer {
    position: absolute;
    top: clamp(120px, calc(282 / 724 * 100vh), 282px);
    left: clamp(54px, calc(128 / 1280 * 100vw), 128px);
    color: #FFFFFF;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    display: flex;
    gap: 2px;
}

.market-section-btnCommon {
    position: relative;
    background-color: #1C1E29;
    min-height: calc(34 / 785 * 100vh);
    font-size: clamp(10px, 0.6vw, 14px);
    border-radius: 8px;
    border: 1px solid #282E38;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 0 12px;
}

.market-section-btnAllMarkets {
    position: absolute;
    top: calc(601 / 724 * 100vh);
    left: 50%;
    transform: translateX(-50%);
    width: clamp(100px, calc(118 / 1280 * 100vw), 200px);
    height: clamp(28px, calc(34 / 724 * 100vh), 50px);
    background-color: #111219;
    font-size: clamp(12px, calc(12 / 1280 * 100vw), 16px);
    border-radius: 8px;
    border: 1px solid #282E38;
    color: #C1C7D1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/
/*@media(max-width: 992px) {
    .react-market-section-image {
        height: 1rem;
        width: 10rem;
        object-fit: contain;
        margin-top: 70px;
    }
}*/




.react-marketSectionHeader {
    padding-top: 20px;
}



.market-section-blur {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 42vw;
    height: 25vh;
    opacity: 0.20;
    z-index: 20;
    pointer-events: none;
    background: linear-gradient(to top, rgba(123, 97, 255, 0.5), rgba(6, 7, 9, 1) 60%), linear-gradient(to right, rgba(6, 7, 9, 1), rgba(6, 7, 9, 0) 15%, rgba(6, 7, 9, 0) 85%, rgba(6, 7, 9, 1));
    background-blend-mode: darken;
}
/*****************************************/
/**********EXPLANATION SECTION************/
/*****************************************/
.explanation-section-container {
    position: relative;
    /*idth: 100vw;
    height: 100vh;*/
    margin: 0;
    padding: 0;
    z-index: 20;
    border-bottom: 1px solid #1D2029;
    width: 100vw;
}

.explanation-section-subContainer {
    position: relative;
    width: 100vw;
    overflow: hidden;
    border-top: 1px solid #1D2029;
    border-bottom: 1px solid #1D2029;
    display: flex;
    justify-content: center;
    gap: clamp(16px, 2vw, 32px);
    padding: clamp(20px, 3vh, 60px) 0;
    flex-wrap: wrap;
}

.explanation-section-blur {
    position: absolute;
    top: 0;
    /*   left: 50%;
    transform: translateX(-50%);
    width: 75%;*/
    height: 100%;
    opacity: 0.21;
    z-index: 2;
    background: radial-gradient(circle, rgba(123, 97, 255, 0.5) 0%, rgba(6, 7, 9, 1) 100%);
    pointer-events: none;
}

.explanation-section-subContainer2 {
    position: relative;
    width: 100vw;
    overflow: hidden;
    border-top: 1px solid #1D2029;
    border-bottom: 1px solid #1D2029;
    display: flex;
    justify-content: center !important;
    align-items: center;
    gap: clamp(16px, 2vw, 32px);
    flex-wrap: wrap;
}

.explanation-section-divContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 269px;
    height: 255px;
    padding: 0 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #ffffff;
}

.explanation-section-divHeader {
    position: relative;
    font-weight: 700;
    font-size: clamp(14px, 1.1vw, 18px);
    margin-top: 12px;
    color: #ffffff;
}

.explanation-section-divDetail {
    position: relative;
    font-weight: 400;
    font-size: clamp(12px, 1vw, 16px);
    color: #B0B0B0;
    margin-top: 8px;
}


.explanation-section-images {
    width: 100px !important;
    height: 100px !important;
}

    .explanation-section-images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.explanation-section-textContainer {
    position: relative;
    top: 0;
    text-align: center;
    color: #ffffff;
    margin: clamp(20px, 5vh, 80px) auto 0;
    width: 100vw;
    z-index: 4;
}

.explanation-section-textFirstLine {
    display: block;
    font-weight: 300;
    font-size: 20px;
}

.explanation-section-textSecondLine {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-top: 8px;
}

.explanation-section-textThirdLine {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #A7A7A7;
    text-align: center;
    margin: clamp(12px, 2vh, 24px) auto;
    width: 200px;
}



.explanation-section-overlayGroup {
    position: relative;
    display:flex;
    justify-content:center;
    width: 100%;
    margin-top: clamp(20px, 4vh, 80px);
}

.explanation-section-backgroundLines {
    position: absolute;
    top:30vh;
    z-index: 5;
    width: 100%;
    height: auto;
}
.explanation-section-horizontalLine {
    position: absolute;
    width: 387px;
    height:147px;
    top: 35%;
    transform: translateY(-35%);
    /*transform: translateY(25%) !important;*/
}
.explanation-section-horizontalLine img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.explanation-section-horizontalLineLeft {
    left: 42%;
    transform: translateX(-42%);
}

.explanation-section-horizontalLineRight {
    right:42%;
    transform: translateX(42%);
}


.explanation-section-verticalLine img {
    position: absolute;
    width: 147px;
    height:347px;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-35%);
}

.explanation-section-phone {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /*gap: clamp(8px, 2vw, 32px);*/
    z-index: 10;
    margin-top: clamp(20px, 6vh, 100px);
}
.explanation-section-phoneCommon {
    bottom: 0 !important;

}
.explanation-section-phoneCommon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#explanation-section-phoneLeft {
    position: relative;
    z-index: 6;
    left: 0!important;
    bottom:0;
}

#explanation-section-phoneMiddle {
    position: absolute;
    z-index: 7;
    left:50%;
    transform:translateX(-50%);
}

#explanation-section-phoneRight {
    position: relative;
    z-index: 6;
    right: 0!important;
}

.explanation-section-blur2 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40vw;
    height: 50vh;
    opacity: 0.2;
    z-index: 20;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(123, 97, 255, 0.5), rgba(6, 7, 9, 1) 60%), linear-gradient(to right, rgba(6, 7, 9, 1), rgba(6, 7, 9, 0) 15%, rgba(6, 7, 9, 0) 85%, rgba(6, 7, 9, 1));
    background-blend-mode: darken;
}
/*****************************************/
/************HOWTOWORK SECTION************/
/*****************************************/
.howtowork-section-container {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    /*   overflow: hidden;
height:auto;*/
}

.howtowork-section-textPart1Container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 20px;
    width: 100vw;
    height: 303px;
    border-bottom: 1px solid #1D2029;
    gap: 1rem;
}

.howtowork-section-textPart1Header {
    font-weight: 700;
    font-size:20px;
    color: #FFF;
    width: 122px;
    top: 411px;
}

.howtowork-section-textPart1Detail {
    font-weight: 300;
    font-size: 14px;
    color: #A7A7A7;
    width: 381px;
    top: 451px;
}

.howtowork-section-imagesContainer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #1D2029;
    gap: 0.1px;
    flex-wrap: wrap;
}

.howtowork-section-images {
    background: linear-gradient(45deg,rgba(26, 26, 26, 1) 0%, rgba(44, 44, 44, 1) 65%, rgba(69, 69, 69, 1) 100%);
    padding: 24px;
    width: 315px;
    height: 315px;
    position: relative;
    text-align: left;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap:1rem;
    z-index:10;
}

.howtowork-section-imageNumber img {
    width: 54px;
    height: 54px;

}

.howtowork-section-image-common img {
    width: 84px;
    height: 84px;
}

.howtowork-section-imageMiddleContainer {
    background: linear-gradient(135deg,rgba(26, 26, 26, 1) 0%, rgba(44, 44, 44, 1) 65%, rgba(69, 69, 69, 1) 100%);
}

.howtowork-section-textPartHeader {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 8px;
    color: #ffffff;
}

.howtowork-section-textPartDetail {
    /*position: absolute;*/
    width: 259px;
    left: 20px;
    height: auto;
    font-weight: 400;
    font-size: 14px;
}

.howtowork-section-explanationContainer {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
/*    height: clamp(200px, 31.25vh, 420px);
    width: clamp(200px, 70.31vw, 900px);
    min-width: 250px;
    left: 50%;
    transform: translateX(-50%);*/

}

.howtowork-section-explanationImageMoney {

    position: relative;
    display:flex;
    /*top: clamp(48px, 8.78vh, 96px);*/
    height: 202px!important;
    width: 229px!important;
    left: 0;
    bottom: 0;
    z-index: 1;
}

    .howtowork-section-explanationImageMoney img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.howtowork-section-explanationImageBlur {
    position: absolute;
    bottom: 0;
    height: 230px;
    /*    height: clamp(200px, 31.25vh, 420px);
    width: clamp(160px, 17.89vw, 360px);*/
    width: 320px;
    left: 0px;
    background-color: #060709;
    background-image: radial-gradient( ellipse at center, rgba(123, 97, 255, 0.8) 25%, rgba(6, 7, 9, 0.3) 77% );
    background-blend-mode: normal;
    opacity: 0.3;
    border: none;
    outline: none;
    box-shadow: none !important;
    z-index: 0;
    pointer-events: none;
}

.howtowork-section-explanationTextContainer {
    position: relative;
    /*top: clamp(44px, 7.64vh, 90px);*/
    height: auto;
    align-items: end;
    justify-content: center;
    width: clamp(180px, 41.25vw, 680px);
    right: 0px;
    color: #FFF;
    text-align: end;
}

.howtowork-section-explanationTextHeader {
    font-size: 26px;
    font-weight: 700;
}

.howtowork-section-explanationTextDetail {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0.8rem;
}
/*****************************************/
/***************FAQ SECTION***************/
/*****************************************/
.faq-section-Container {
    position: relative;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.faq-section-firstContainer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #1D2029;
}

.faq-section-dynamicQuestionPart {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  /*  width: clamp(320px,900px, 900px);*/
    height: inherit;
    box-sizing: border-box;
    border-left: 1px solid #1D2029;
    border-right: 1px solid #1D2029;
    gap: 1rem;
}

.faq-section-dynamicQuestionContainer {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4vh;
    text-align: center;
    max-width: 100%;
    width: clamp(250px, 38.67vw, 495px);
    overflow: hidden;
    gap: 0.7rem;
}

.faq-section-dynamicQuestion {
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    color: #fff;
}

.faq-section-questioner {
    font-weight: 700;
    font-size: 14px;
    font-style: italic;
    color: #fff;
}

.faq-section-buttonNextPreviousContainer {
    display: flex;
    justify-content: center;
    gap: 16px;
    z-index: 2;
    padding-top: 5vh;
    padding-bottom: 10vh;
}

.faq-section-buttonNextPrevious {
    background-color: #060709;
    width: clamp(28px, 2.65vw, 34px);
    height: clamp(34px, 5.88vh, 54px);
    border-radius: 80px;
    border: 1px solid #282E38;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-section-imageCommon {
    display: flex;
    justify-content: center;
    width: clamp(12px, 2vw, 24px);
    height: clamp(12px, 2vh, 24px);
}

.faq-section-secondContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left:80px;
    padding-right:80px;
    width: 100%;
    border-bottom: 1px solid #1D2029;
}

.faq-section-dynamicQuestionPart2,
.legaldocument-section-dynamicPart {
    width: 694px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(24px, 4vh, 48px);
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

#faq-section-faqHeader {
    font-size: 26px;
    font-weight: 700;
    color: #FFF;
}

#faq-section-faqDetail {
    font-size:16px;
    font-weight: 400;
    color: #FFF;
    margin-top: clamp(12px, 2vh, 30px);
    max-width: 714px;
}

.faq-section-buttonContainer,
.legaldocument-section-buttonContainer {
    margin-top: 2vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.faq-section-btn,
.legaldocument-section-btn {
    background-color: #1C1E29;
    border: 1px solid #282E38;
    font-size: 12px;
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: 500;
    height: 35px;
    min-width: 70px;
    text-align: center;
    z-index: 1;
    
}

.faq-section-questionTableContainer,
.faq-carousel-container {
    /*background-color: #1D2029;*/
    width: 100%;
    max-width: 694px;
    min-width: 280px;
    border: 1px solid #1D2029;
    padding: 20px;
    box-sizing: border-box;
    align-items: center;
}

#faq-section-questionTableContainer {
    background-color: #060709;
    border: none;
    padding: 0px;
}

.faq-carousel-container {
    display: flex;
    background-color: #15121E;
}

.carousel-slide {
    color: #FFF;
    width: 50%;
    padding-top: 2vh;
    display: flex;
    align-self: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
    text-align: start;
    justify-content: end;
    flex-wrap: wrap;
    font-size: 14px;
}

#carousel-question {
    font-weight: 700;
    font-size: 14px;
}

#carousel-answer {
    font-weight: 200;
    font-size:12px;
}

.carousel-buttons {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

#next-carousel-button {
    background-color: #15121E;
    border: 1px solid #15121E !important;
}

.slide-in-left {
    animation: slideInLeft 1.0s ease forwards;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }

    100% {
        opacity: 1;
        transform: translateX(10%);
    }
}
/*****************************************/
/*************FOOTER SECTION**************/
/*****************************************/
.footer-section-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    z-index: 0;
    background-color: #060709;
    overflow: hidden;
}

.footer-section-firstContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /*padding: clamp(40px, 8vh, 100px);*/
    border-bottom: 1px solid #1D2029;
    text-align: center;
    z-index: 1;
}

.footer-section-textContainer {
    position:relative;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    max-width: 700px;
    z-index: 2;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.footer-section-textFirstLine {
    position: relative;
    display: flex;
    font-weight: 300;
    font-size: clamp(14px, 1.2vw, 20px);
}


.footer-section-textSecondLine {
    display: flex;
    font-weight: 700;
    font-size: clamp(20px, 1.5vw, 26px);
    margin-top: 8px;
}

.footer-section-textSecondLine {
    font-weight: 700;
    font-size: clamp(20px, 1.8vw, 28px);
    margin-top: 8px;
}

.footer-section-textThirdLine {
    font-weight: 500;
    color: #A7A7A7;
    font-size:14px;
    /*margin: clamp(12px, 2vh, 24px) auto;*/
    max-width: 480px;
    z-index: 2;
    margin-top:80px;
}

.footer-section-storeContainer {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: clamp(16px, 4vh, 32px);
    z-index: 10;
    padding-bottom:75px;
}

.footer-section-storeButton {
    width: 120px !important;
    height:40px !important;
    border: 1px solid #A6A6A6;
    border-radius: 6px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
}
    .footer-section-storeButton img {
        width: 120px !important;
        height: 40px !important;
        object-fit: contain;
    }
.footer-section-backgroundLines {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 5;
    pointer-events: none;
    overflow-y: hidden;
}


.footer-section-verticalLine {
    width: clamp(100px, 10vw, 147px);
    height: auto;
    opacity: 0.5;
}

    .footer-section-verticalLine img {
        height: auto;
        width: clamp(100px, 10vw, 147px);
        object-fit: contain
    }
/* BLUR */
.footer-section-blur1 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: clamp(80px, 20vh, 200px);
    background: radial-gradient(ellipse at top center, rgba(123, 97, 255, 0.6) 0%, rgba(6, 7, 9, 0.2) 70%, rgba(6, 7, 9, 0) 100%);
    background-blend-mode: screen;
    opacity: 0.8;
    z-index: 0;
    pointer-events: none;
}

/* SECOND CONTAINER */
.footer-section-secondContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: clamp(32px, 6vh, 64px) 20px;
    gap: clamp(20px, 4vh, 40px);
    border-bottom: 1px solid #1D2029;
    text-align: center;
    z-index: 30;
    background-color: #060709;
}
/*.footer-section-storeButton {
    width: 120px;
    height: 40px;
    border: 1px solid #A6A6A6;
    border-radius: 6px;*/
    
    /*background-color: transparent;*/
    /*padding: 0;*/
    /*display: flex;
    align-items: center;
    justify-content: center;
}

    .footer-section-storeButton img {
        height: auto;
        width: auto;
        object-fit: contain;
    }*/
.footer-section-logoContainer img {
    height: 100px;
}

#next-carousel-button-link {
    align-items: center;
    align-self: center;
    align-content: center;
    display: flex;
    justify-content: center;
}

.footer-section-pageLinksContainer {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 12px 60px;
}

    .footer-section-pageLinksContainer a {
        text-decoration: none;
        color: #FFF;
        font-size: 14px;
        transition: color 0.3s;
    }

        .footer-section-pageLinksContainer a:hover,
        .footer-section-pageLinksContainer a:active,
        .footer-section-pageLinksContainer a:focus {
            opacity: 0.7;
            background-color: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

.footer-section-supportContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFF;
    font-size: clamp(12px, 1.2vw, 16px);
}

.footer-section-supportIcon {
    width: 24px;
    margin-bottom: 8px;
}

.footer-section-supportCenterText {
    font-weight: 400;
}

.footer-section-supportCenterNumber {
    font-weight: 600;
}

.footer-section-socialsContainer {
    display: flex;
    gap: 16px;
}

    .footer-section-socialsContainer img {
        width: 24px;
        height: 24px;
        filter: brightness(1.2);
        cursor: pointer;
    }

.footer-section-ellipse {
    position: absolute;
    width: clamp(100px, 14vw, 188px);
    height: clamp(100px, 24vh, 188px);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.70);
    filter: blur(100px);
    left: 50%;
    bottom: 0vh;
    transform: translateX(-50%);
    z-index: 100 pointer-events: none;
    ;
    */
}
/*****************************************/
/******************FAQ Page***************/
/*****************************************/
.faq-page-container,
.support-page-container,
.legaldocument-page-container {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    flex-wrap: wrap;
    align-content: center !important;
    justify-content: center;
    height: auto;
}

.page-container-first {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: auto;
    background: radial-gradient(circle at top center,rgba(8, 144, 212, 0.25) 05%, rgba(6, 7, 9, 1) 28%, rgba(6, 7, 9, 1) 80%);
}


.page-container-second {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100vw;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    height: auto;
}

.faq-page-ellipse {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(70px, 14vw, 130px);
    height: clamp(70px, 24vh, 130px);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.70);
    filter: blur(100px);
    bottom: 0;
    z-index: 0;
    pointer-events: none;
}

.faq-page-container-second {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: clamp(40px, 5vh, 80px);
    padding-bottom: clamp(40px, 6vh, 100px);
    width: 100%;
    border-bottom: 1px solid #1D2029;
}

.react-market-section-image {
    position:relative;
    display:flex;
    object-fit:contain;
}

.faq-page-image,
.legaldocument-page-image {
    /*   display: flex;
    
align-content: center;
flex-wrap: wrap;*/

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

    .faq-page-image img,
    .legaldocument-page-image img {
        width: clamp(100px, 15.7vw, 201px);
        height: auto;
        display: block;
    }


.support-page-image {
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    padding-top: 30px;
}

    .support-page-image img {
        width: clamp(120px, 15.7vw, 201px);
        height: auto;
        display: block;
    }

.general-page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    background: -webkit-linear-gradient(#fff, #969696);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 50px;
    z-index: 1;
}

.general-page-detail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400 !important;
    text-align: center;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 50px;
    z-index: 1;
    max-width: 490px;
    padding-right: 5px;
    padding-left: 5px;
}

#faqAccordion {
    position: inherit;
    width: 100%;
    padding: 5rem !important;
}

.faq-page-details {
    color: white;
    width: 100vw;
}

.accordion-button {
    background: #060709 !important;
    color: #FFF !important;
    font-size: 14px;
}

.accordion-item {
    border: 1px solid #1D2029 !important;
    background: #060709 !important;
}

.accordion-button::after {
    display: none !important;
    color: #FFF;
}

.accordion-button .icon {
    margin-left: auto;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
}

.accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed):focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.accordion-button:not(.collapsed) {
    border-color: transparent !important;
    box-shadow: none !important;
    font-size: 14px;
}

.accordion-body {
    background: #060709 !important;
    color: #A7A7A7;
    text-align: left;
    font-size: 14px;
}

.accordion-button.collapsed {
    color: #4B45FF;
    content: '+';
    font-size: 14px;
}

    .accordion-button.collapsed .icon {
        color: #4B45FF;
        content: '+';
    }

.accordion-button:not(.collapsed) .icon {
    color: #4B45FF;
    content: '−';
}

.admin-dashboard-btn {
    height: 550px !important;
}

.support-page-container-second,
.legaldocument-page-container-second {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 10vh;
}

#about-page-container-second {
    position: relative;
    font-weight: 500;
    display: flex;
    color: #FFF;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 10vh;
    font-size: clamp(12px, calc(12 / 1280 * 100vw), 16px);
}

.about-paragraph-container {
    margin-top: 8vh;
    margin-bottom: 8vh;
    position: relative;
    font-weight: 500;
    display: flex;
    color: #FFF;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    width: 45% !important;
    row-gap: 8vh;
}

.support-card-container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: clamp(180px, 19.8vh, 400px);
    gap: 20px;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.support-card {
    position: relative;
    background-color: #111219;
    width: clamp(120px, 43.2vw, 768px);
    height: clamp(260px, 17.17vh, 460px);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-top: 2vh;
    margin-bottom: 2vh;
    column-gap: 20px;
    row-gap: 20px;
}

    .support-card img {
        width: auto;
        height: auto;
        object-fit: contain;

    }

.support-card-header {
    font-weight: 400;
    font-size: clamp(11px, 1.25vw, 18px);
}

.support-card-detail {
    font-weight: 700;
    font-size: clamp(13px, 1.4vw, 20px);
}


.support-map {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-bottom: 5vh;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 6vh;
    position: relative;
    display: flex;
    height: auto;
    width: 61.71875% !important;
}

iframe {
    align-self: center;
}

#support-page-mapHeader {
    font-weight: 700;
    font-size: clamp(16px, 1.6vw, 24px);
}

#support-page-formHeader {
    font-weight: 700;
    font-size: clamp(16px, 1.6vw, 24px);
    color: #FFF;
    margin-top: 3vh;
    margin-bottom: 2vh;
}

#support-page-mapDetail {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    font-weight: 400;
    font-size: clamp(11px, 1.25vw, 18px);
    width: clamp(280px, 38.3vw, 490px);
    margin: 0 auto;
}

.support-form-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding: 2vh 0;
    margin: 0 auto;
}

.support-form {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*width: clamp(300px, 61.71875%, 980px);*/
    width: 61.71875%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 0 auto;
}

.support-form-card {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: transparent;
    border-radius: 8px;
    padding: 0.1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin: 0 auto;
}

.support-form-card-body-container {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%; /* tam kapsayıcıya oturur */
    background-color: transparent;
    border-radius: 8px;
    padding: 0.1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin: 0 auto;
}

.support-form-card-body {
    position: relative;
    display: flex;
    width: clamp(300px, 62.2vw, 796px);
    max-width: 796px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.support-form-control {
    height: 56px;
    background-color: #1C1E29;
    border: 1px solid #281E38;
    color: #FFF;
}

    .support-form-control::placeholder {
        color: #64748B;
        font-weight: 400;
        font-size: clamp(10px, 0.6vw, 14px);
    }

.input-validation-error {
    border: 1px solid #CC2323 !important;
}

.support-form-message {
    height: 131px !important;
}

.support-card-footer-success-message {
    color: #B2F042;
    width: 100%;
}

.support-card-footer {
    position: relative;
    display: flex;
    width: clamp(300px, 62.2vw, 796px);
    flex-direction: column;
    align-content: center;
    justify-content: center;
    gap: 1.5rem;
}

.support-send-btn {
    background-color: #4B45FF !important;
    color: #FFFFFF !important;
    min-height: calc(34 / 785 * 100vh);
    font-size: clamp(10px, 0.6vw, 14px);
    border-radius: 8px;
    border: 1px solid #282E38;
    min-width: 80px;
}

.legaldocument-section-documentTableContainer {
    /*background-color: #1D2029;*/
    width: 100%;
    max-width: 694px;
    min-width: 280px;
    height: fit-content;
    border: 1px solid #1D2029;
    box-sizing: border-box;
}

.support-card-footer-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end !important;
    gap: 0.75rem;
}

.recaptcha-container {
    max-width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.g-recaptcha {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.support-send-btn {
    background-color: #198754; /* Bootstrap yeşil */
    color: white;
    border: none;
    padding: 0.6rem 1.2rem;
    font-size: clamp(14px, 2vw, 18px);
    border-radius: 0.4rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .support-send-btn:hover {
        background-color: #157347;
    }

/*****************************************/
/******************MEDIA***************/
/*****************************************/


@media (min-width: 1025px) {
    .market-section-blur,
    .explanation-section-blur2 {
        display: block;
    }

    

    .explanation-section-blur {
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
    }

    .explanation-section-subContainer {
        width: 100vw !important;
    }

    .explanation-section-divContainer {
        align-items: center;
        text-align: center;
    }

    .explanation-section-divHeader,
    .explanation-section-divDetail {
        text-align: center;
    }

    .explanation-section-phone {
        width: 714px;
    }

    .explanation-section-phoneCommon {
        width: 264px !important;
    }
    /*  .explanation-section-phoneCommon img {
        width: 100%;
        height:100%;
        object-fit:contain;

    }*/
    #explanation-section-phoneLeft,
    #explanation-section-phoneRight {
        width: 264px !important;
        height: 398px !important;
    }

    #explanation-section-middle {
        width: 264px !important;
        height: 438px !important;
    }

    .howtowork-section-explanationTextHeader {
        right: 0px;
    }

    .howtowork-section-explanationContainer {
        width: 900px;
        flex-direction: row;
        left: 50%;
        transform: translateX(-50%);
    }

    .howtowork-section-explanationTextContainer {
        position: relative;
        width: 50%;
        right: 0;
        padding-right: 10px;
    }

    .howtowork-section-explanationImageContainer {
        position: relative;
        width: 50%;
        left: 0;
    }

    .faq-section-dynamicQuestionPart {
        width: 900px;
    }

    .footer-section-textContainer {
        width: 414px;
        top: 44px;
    }
    .footer-section-storeContainer {
        flex-direction:row;
    }
        /* .footer-section-textThirdLine {
        margin-top: 120px;
    }*/
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 694px;
    }

    
}
@media (max-width: 1024.99px) {
  


    .react-marketSectionHeader {
        padding-top: 5px;
    }

    .market-section-blur,
    .explanation-section-blur2 {
        display: block;
    }

    .explanation-section-blur {
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
    }

    .explanation-section-subContainer {
        width: 700px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .explanation-section-divContainer {
        align-items: center;
        text-align: center;
    }

    .explanation-section-divHeader,
    .explanation-section-divDetail {
        text-align: center;
    }

    .explanation-section-phone {
        width: 714px;
    }
    .explanation-section-phoneCommon {
        width: 264px !important;
    }

  /*   .explanation-section-phoneCommon img {
       width: 100%;
        height: 100%;
        object-fit: contain;
    }*/

    #explanation-section-phoneLeft,
    #explanation-section-phoneRight {
        height: 398px !important;
    }

    #explanation-section-middle {
        height: 438px !important;
    }
    .explanation-section-backgroundLines {
        top: 31vh;
    }
    .howtowork-section-explanationContainer {
        width: 900px;
        flex-direction: row;
        left: 50%;
        transform: translateX(-50%);
    }
    .howtowork-section-explanationTextHeader {
     
    }
    .howtowork-section-explanationTextContainer {
        position: relative;
        width: 50%;
     
        padding-right: 10px;
    }

    .howtowork-section-explanationImageContainer {
        position: relative;
        width: 50%;
        left: 0;
    }
    .faq-section-dynamicQuestionPart {
        width: 900px;
    }
    .footer-section-textContainer {
        width: 414px;
        top: 44px;
    }
   /* .footer-section-textThirdLine {
        margin-top: 120px;
    }*/
    .footer-section-storeContainer {
        flex-direction: row;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 694px;
    }
}
/********************************/
@media (max-width: 915.99px) {
    


    .react-marketSectionHeader {
        padding-top: 5px;
    }


    .react-marketSectionHeader {
        padding-top: 20px;
    }

    .market-section-blur,
    .explanation-section-blur2 {
        display: none;
    }

    .explanation-section-blur {
        left: 0;
        width: 100%;
        transform: translateX(0);
    }

    .explanation-section-subContainer {
        width: 300px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .explanation-section-divContainer {
        align-items: center;
        text-align: center;
    }

    .explanation-section-divHeader,
    .explanation-section-divDetail {
        text-align: center;
    }

    .explanation-section-phone {
        width: 714px;
    }
    .explanation-section-backgroundLines {
        top: 15vh;
    }
    .howtowork-section-explanationContainer {
        width: 600px;
        flex-direction: row;
        left: 50%;
        transform: translateX(-50%);
    }
    .howtowork-section-explanationTextContainer {
        position: relative;
        width: 50%;
        padding-right: 10px;
    }
    .footer-section-textContainer {
        width: 414px;
        top: 44px;
    }    

    /*.legaldocument-page-container {
        display: flex;
        flex-direction: column;
        max-width: 100vw;
        flex-wrap: wrap;
        align-content: center !important;
        justify-content: center;
        height: auto;
    }

    .legaldocument-section-documentTableContainer {*/
        /*background-color: #1D2029;*/
        /*width: 100%;
        max-width: 300px;
        min-width: 196px;
        height: fit-content;
        border: 1px solid #1D2029;
        box-sizing: border-box;
    }
    .legaldocument-page-container-second {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 10vh;
    }

    .legaldocument-page-container-first {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        row-gap: 10vh;
    }

    .legaldocument-page-image {*/
        /*   display: flex;
    
             align-content: center;
            flex-wrap: wrap;*/
        /*position:relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
    }

    .legaldocument-section-dynamicPart {
        width: 485px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(24px, 4vh, 48px);
        padding: 0 20px;
        text-align: center;
    }

    .legaldocument-section-buttonContainer {
        margin-top: 2vh;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }

    .legaldocument-section-btn {
        background-color: #1C1E29;
        border: 1px solid #282E38;
        font-size: 12px;
        border-radius: 8px;
        color: #FFFFFF;
        font-weight: 500;
        height: 35px;
        min-width: 70px;
        text-align: center;
        z-index: 1;
    }*/
  
}
/********************************/
@media (max-width: 767px) {

    

    .explanation-section-phone {
        width: 614px;
    }
    .explanation-section-phoneCommon {
        width: 193px !important;
    }

    #explanation-section-phoneLeft,
    #explanation-section-phoneRight {
        height: 286px !important;
    }

    #explanation-section-middle {
        height: 320px !important;
    }
    .howtowork-section-imagesContainer {
        gap:10px;
    }

    .howtowork-section-explanationContainer {
        margin-top: 10vh;
        width: 614px;
        flex-direction: column-reverse !important;
        height: auto;
        gap:5vh;
    }
    .howtowork-section-explanationTextContainer {
        width:100%;
        align-items: center;
        text-align:center;
    }
    .howtowork-section-explanationTextHeader {
        display: block;
        width:299px;
        text-align: center;
        margin: 0 auto;
    }
    .howtowork-section-explanationImageContainer {
        position: relative;
        width: 100%;
        left: 0;
    }
    .faq-section-dynamicQuestionPart {
        width: 614px;
    }
    .footer-section-textContainer {
        width: 414px;
        top: 44px;
    }
    .footer-section-pageLinksContainer {
        grid-template-columns: 1fr; /* Tek sütun */
        gap: 12px; /* Dikey boşluk */
    }

        /* İlk 3 linkten sonra boşluk oluştur */
        .footer-section-pageLinksContainer a:nth-child(3) {
            margin-bottom: 24px;
        }

/**********************************/
    .explanation-section-backgroundLines{
        top:25vh;
    }


    .explanation-section-horizontalLine {
        position: absolute;
        width: 301px;
        height: 114px;
        top: 10px;
        /*transform: translateY(-55%);*/
        /*transform: translateY(25%) !important;*/
    }

        .explanation-section-horizontalLine img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .explanation-section-horizontalLineLeft {
        left: 5%;
        transform: translateX(-5%);
    }

    .explanation-section-horizontalLineRight {
        right: 5%;
        transform: translateX(5%);
    }


    .explanation-section-verticalLine img {
        position: absolute;
        width: 114px;
        height: 301px;
        left: 50%;
        top: 0;
        transform: translateX(-50%) translateY(-35%);
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 550px;
    }

    .about-paragraph-container {
        margin-top: 8vh;
        margin-bottom: 8vh;
        position: relative;
        font-weight: 500;
        display: flex;
        color: #FFF;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 80% !important;
        row-gap: 8vh;
    }

    #legaldocument-page-detail {
        padding-right:50px;
        padding-left:50px;
    }


}

@media (max-width: 576px) {

    

    .react-marketSectionHeader {
        padding-top: 5px;
    }

    .explanation-section-phone {
        width: 500px;
    }
    .howtowork-section-explanationContainer {
        width: 500px;
        flex-direction: column-reverse !important;
        height: auto;
    }
    .faq-section-dynamicQuestionPart {
        width: 510px;
    }
    .footer-section-textContainer {
        width: 280px;
        top: 24px;
    }
    .footer-section-textThirdLine {
        width: 444px;
    }
    .footer-section-storeContainer {
        flex-direction: column;
        gap:22px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 460px;
    }

    .about-paragraph-container {
        margin-top: 8vh;
        margin-bottom: 8vh;
        position: relative;
        font-weight: 500;
        display: flex;
        color: #FFF;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 80% !important;
        row-gap: 8vh;
    }

    .legaldocument-section-dynamicPart {
        width: 400px;
    }

@media (max-width: 539.99px) {



    .react-marketSectionHeader {
        padding-top: 5px;
    }

    .explanation-section-subContainer {
        width: 100vw !important;
        left: 50%;
        transform: translateX(-50%);
    }
    .footer-section-textThirdLine {
        width: 314px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 450px;
    }

    .about-paragraph-container {
        margin-top: 8vh;
        margin-bottom: 8vh;
        position: relative;
        font-weight: 500;
        display: flex;
        color: #FFF;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 80% !important;
        row-gap: 8vh;
    }
}

@media (max-width: 480px) {
 



    .react-marketSectionHeader {
        padding-top: 5px;
    }

    .explanation-section-phone {
        width: 380px;
    }
    .explanation-section-phoneCommon {
        width: 148px !important;
    }

    #explanation-section-phoneLeft,
    #explanation-section-phoneRight {
        height: 223px !important;
    }

    #explanation-section-middle {
        /*height: 320px !important;*/
    }
    .howtowork-section-explanationContainer {
        width: 380px;
        flex-direction: column-reverse !important;
        height: auto;
    }
    .faq-section-dynamicQuestionPart {
        width: 380px;
    }
    .faq-section-dynamicQuestionPart2
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 332px;
    }

    .about-paragraph-container {
        margin-top: 8vh;
        margin-bottom: 8vh;
        position: relative;
        font-weight: 500;
        display: flex;
        color: #FFF;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 80% !important;
        row-gap: 8vh;
    }
 
}

@media (max-width: 400px) {
   


    .react-marketSectionHeader {
        padding-top: 5px;
    }

    .explanation-section-phone {
        width: 361px;
    }
    .explanation-section-phoneCommon {
        width: 145.06px !important;
    }

    #explanation-section-phoneLeft,
    #explanation-section-phoneRight {
        height: 218.67px !important;
    }

    #explanation-section-middle {
        /*height: 320px !important;*/
    }
    .howtowork-section-explanationContainer {
        width: 361px;
        flex-direction: column-reverse!important;
        height: auto;
    }
    .faq-section-dynamicQuestionPart {
        width: 361px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 361px;
    }

    .about-paragraph-container {
        margin-top: 8vh;
        margin-bottom: 8vh;
        position: relative;
        font-weight: 500;
        display: flex;
        color: #FFF;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 80% !important;
        row-gap: 8vh;
    }
}


@media (max-width: 380px) {
    .explanation-section-phone {
        width: 340px;
    }

    .faq-section-dynamicQuestionPart {
        width: 361px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 355px;
    }
}
@media (max-width: 360px) {
    .explanation-section-phone {
        width: 324px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 320px;
    }

@media (max-width: 320px) {
    .explanation-section-phone {
        width: 310px;
    }
    .faq-section-dynamicQuestionPart {
        width: 310px;
    }
    .faq-section-dynamicQuestionPart2,
    .faq-section-questionTableContainer,
    .faq-carousel-container {
        width: 280px;
    }
}