/* start-main-file */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
@font-face {font-family: 'Bahnschrift';src: url('../fonts/Bahnschrift.eot');src: url('../fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'), url('../fonts/Bahnschrift.woff2') format('woff2'),url('../fonts/Bahnschrift.woff') format('woff'),url('../fonts/Bahnschrift.svg#Bahnschrift') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
:root {
    --transition: 0.3s ease;
    --basic: #1d1b1b;
    --gray-light: #a2a2a2;
    --gray-light-2: #c4c4c4;
    --gray-light-3: #ececec;
    --gray-1: #646363;
    --gray-2: #808080;
    --gray-3: #a2a2a2;
    --gray-4: #c4c4c4;
    --gray-5: #ececec;
    --gray-middle: #808080;
    --gray-high: #646363;
    --gray-700: #bcbacd;
    --gray-900: #18181b;
    --main-color: #0095d0;
    --main-button-hover: #0379a8;
    --secondary-btn-hover: #0379a8;
    --white: #ffffff;
    --green: #2d9631;
    --error: #f33f32;
    --orange: #e08e44;
}

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

body {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
    color: var(--basic);
    background-color: var(--gray-5);
}

/* @media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
} */

/* main components */
.sec-padding {
    padding-top: 75px;
    padding-bottom: 75px;
}

.sec-inner-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: var(--basic);
    transition: var(--transition);
}

a:focus,
a:hover {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

i {
    transition: var(--transition);
}

ul {
    list-style: none;
}

.main-btn {
    background-color: var(--main-color);
    color: var(--white);
    border: 1px solid var(--main-color);
    border-radius: 5px;
    padding: 7px 25px;
    transition: var(--transition);
    font-size: 18px;
}

.main-btn:hover {
    background-color: var(--main-button-hover);
    border: 1px solid var(--main-button-hover);
    color: var(--white);
}

.secondary-btn {
    padding: 7px 30px;
    border-radius: 5px;
    transition: var(--transition);
    color: var(--main-color);
    border: 1px solid;
    font-size: 18px;
}

.secondary-btn:hover {
    color: var(--main-button-hover);
}

.top-sec-m {
    margin-top: 140px;
}

.f-sec-padding-top {
    padding-top: 145px;
}

form input:focus,
form textarea:focus,
form select:focus {
    box-shadow: none !important;
}

.modal-header .btn-close {
    box-shadow: none !important;
}

@media (max-width: 992px) {
    .sec-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .top-sec-m {
        margin-top: 0;
    }

    .sec-inner-padding {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    /* .f-sec-padding-top {
    padding-top: 20px;
  } */
}

@media (max-width: 992px) {
    .main-btn,
    .secondary-btn {
        font-size: 14px;
        padding: 8px 24px;
    }
}

/* removearrows from number-input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* colors */
.main-color {
    color: var(--main-color) !important;
}

.green {
    color: var(--green);
}

.gray-middle {
    color: var(--gray-middle);
}

.gray-high {
    color: var(--gray-high);
}

.basic {
    color: var(--basic);
}

.white-bg {
    background-color: var(--white);
}

.white-color {
    color: var(--white);
}

.error-color {
    color: var(--error);
}

/* end-colors */

/* font-weight */
.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

/* header */
/* ----------------------------------------- */
/* top-header */
header {
    z-index: 100;
}

header .top-header {
    background-color: var(--basic);
    color: var(--white);
}

header nav input[type="checkbox"] {
    display: none;
}

/* search */
header .top-header .search-and-icons a {
    padding: 3px;
}

header .top-header .search-and-icons img {
    height: 25px;
    object-fit: contain;
}

header .top-header .search-container form {
    position: relative;
}

header .top-header .search-container form input[type="search"] {
    border: 1px solid var(--gray-middle);
    padding: 6px 10px;
    border-radius: 5px;
    width: 193px;
}

header .top-header .search-container form input[type="search"]::placeholder {
    font-size: 14px;
    color: var(--white);
}

header .top-header .search-container form input[type="search"]:focus {
    outline: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

header .top-header .search-container form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: transparent;
    border: transparent;
    font-size: 16px;
    color: var(--basic);
    cursor: pointer;
    outline: 0;
}

/* end-search */
/* -------------------------- */
header .top-header {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

header .top-header .mail img {
    height: 15px;
}

header .top-header .links a {
    color: var(--white);
}

header .top-header .links a:hover {
    color: var(--main-color);
}

header .top-header .links a.active {
    color: var(--main-color);
}

header nav .active-dropdown {
    color: var(--main-color);
}

header .top-header .lang-button-container img {
    height: 20px;
}

header .top-header .top-header-btn,
header .top-header .profile-btn {
    font-size: 18px;
    transition: var(--transition);
    border: 1px solid var(--white);
    padding: 4px 20px;
    border-radius: 5px;
}

header .top-header .profile-btn-container,
header .top-header .login-btn-container {
    margin-right: 30px;
}

header .top-header .profile-btn {
    color: var(--white);
}
header .top-header .profile-btn:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

header .top-header .top-header-btn {
    color: var(--main-color);
    background-color: var(--white);
}

header .top-header .top-header-btn img {
    height: 18px;
}

header .top-header .top-header-btn:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

header .top-header .social-links i {
    color: #fefefe99;
    font-size: 22px;
}

header .top-header .social-links i:hover {
    color: var(--white);
}

/* end-top-header */

/* nav-bar */
header nav {
    color: var(--white);
}

header nav.nav-color {
    background-color: var(--basic);
}

header nav .logo img {
    height: 75px;
    object-fit: contain;
}

header nav.transparent-nav {
    background-color: transparent;
}

header nav {
    padding: 8px 0 !important;
    box-shadow: rgb(153 153 153 / 13%) 1px 3px 4px 0px;
    z-index: 100;
    position: relative;
}

header nav ul {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: auto;
}

header nav ul li:not(:first-child) {
    margin-left: 50px;
}

header nav ul li .nav-link {
    transition: var(--transition);
    color: var(--blue-primary);
    font-size: 18px;
}

header nav ul li a:hover,
header nav ul li.active a {
    color: var(--main-color) !important;
    text-decoration: none;
}

header nav label {
    width: 30px;
    height: 12px;
    cursor: pointer;
}

header nav .menu-btn img {
    max-width: 100%;
    cursor: pointer;
    display: none;
    transition: var(--transition);
}
header nav ul li a {
    text-wrap: nowrap;
}

@media (max-width: 1400px) {
    header nav ul li:not(:last-child):not(:first-child) {
        margin-left: 40px;
    }
}

/* search-icon-animations */
.search-wrapper {
    overflow: hidden;
    width: 0;
    transition: width 0.5s ease;
}

.search-wrapper input {
    width: 100%;
    background-color: var(--gray-high);
    color: var(--white);
}

.search-wrapper button {
    float: right;
    cursor: pointer;
}

.search-wrapper #search-icon {
    color: var(--white);
}

header nav .dropdown-menu {
    font-weight: 500;
    padding: 0;
}

header nav .dropdown-menu a {
    transition: unset;
}

header nav .dropdown-menu li {
    margin-left: 0 !important;
    padding: 3px 12px;
    transition: var(--transition);
}

header nav .dropdown-menu li:hover {
    background-color: var(--gray-4);
}

header nav .dropdown-menu li:hover a {
    background-color: transparent;
}

header nav .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid var(--gray-4);
}

header nav .dropdown-toggle::after {
    vertical-align: 0.1em;
}
header .top-header .search-container {
    margin-right: 25px;
}

@media (max-width: 1200px) {
    header nav ul li .nav-link {
        font-size: 16px;
    }
    header nav ul li:not(:last-child):not(:first-child) {
        margin-left: 30px;
    }
    header .top-header .profile-btn-container,
    header .top-header .login-btn-container {
        margin-right: 10px;
    }
    header .top-header .top-header-btn,
    header .top-header .profile-btn {
        font-size: 14px;
    }
}

/* header-responsive */
@media (max-width: 992px) {
    header nav .logo img {
        height: 55px;
    }

    header .top-header {
        display: none;
    }

    header nav {
        padding: 10px 15px !important;
        background-color: var(--basic) !important;
    }

    header nav .account-icon {
        height: 22px;
        margin-top: -6px;
    }

    header nav .search-icon {
        color: var(--white);
        margin-top: 15px;
        font-size: 16px;
        margin-right: 4px;
    }

    header nav .menu-btn i {
        display: block;
        color: var(--white);
        font-size: 20px;
    }

    header nav ul {
        position: fixed;
        bottom: -100%;
        left: 0;
        min-height: 60vh;
        width: 100%;
        text-align: center;
        display: block;
        transition: all 0.4s ease;
        z-index: 100;
        overflow: hidden;
        box-shadow: rgb(0 0 0 / 8%) 7px 7px 9px 0px;
        padding: 0;
        background-color: var(--white);
    }

    #click:checked ~ ul {
        bottom: 0;
    }

    header nav ul li {
        margin: 0;
        color: var(--main-color);
        padding-left: 25px;
        margin-left: 0;
    }

    header nav ul li:not(:last-child) {
        border-bottom: 1px solid var(--gray-light-2);
    }

    header nav ul li:not(:last-child) {
        margin-left: 0;
    }

    header nav ul li .nav-link {
        width: 100%;
        margin-left: -100%;
        display: block;
        padding: 10px 0;
        text-align: start;
        font-size: 18px;
    }

    header nav ul li.active,
    header nav ul li:hover {
        background-color: var(--main-color);
        width: 100%;
    }

    header nav ul li.active .nav-link,
    header nav ul li:hover .nav-link {
        color: var(--white) !important;
    }

    #click:checked ~ ul li .nav-link {
        margin-left: 0px;
    }

    header nav .menu-btn img {
        display: block;
    }

    header .overlay {
        position: fixed;
        background-color: #00000063;
        bottom: 0;
        width: 100vw;
        opacity: 0;
        transition: var(--transition);
        z-index: -100;
    }

    header .overlay.display {
        opacity: 1;
        z-index: 1;
        height: 100vh;
    }

    /* dropdown */
    header nav .dropdown-menu {
        min-height: auto;
        width: 110%;
        position: static !important;
        transform: translate(-7%, 0) !important;
        border: none;
        box-shadow: none;
    }

    header nav .dropdown-menu li {
        padding: 0;
        border: none;
    }

    header nav .dropdown-menu li a {
        transition: unset;
        padding: 1% 0 1% 12%;
    }
    header nav .dropdown .dropdown-menu li:not(:last-child) {
        border-bottom: none !important;
    }
    header nav ul li:not(:last-child):not(:first-child) {
        margin-left: 0;
    }
}

/* end-navbar */
/* ----------------------------------------- */
/* end header */
/* search for mobile */
@media (max-width: 992px) {
    .mobile-search-container {
        padding-top: 74px;
        padding-bottom: 0;
        text-align: center;
    }

    .mobile-search {
        padding: 16px 0;
        display: none;
    }

    .search-container form input[type="search"] {
        width: 100%;
        border: 1px solid var(--gray-middle);
        padding: 6px 10px;
        border-radius: 5px;
    }

    .search-container form button {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50px;
        background: transparent;
        border: transparent;
        font-size: 16px;
        color: var(--basic);
        cursor: pointer;
        outline: 0;
    }

    .search-container form input[type="search"]:focus {
        outline: none;
    }
}

/* ------------------------------------------ */
/* start home */

/* main-title */
.main-title h2 {
    color: var(--main-color);
    font-size: 44px;
}

.main-title p {
    font-weight: 500;
    font-size: 18px;
}

.head-title h2 {
    font-size: 70px;
}

@media (max-width: 1400px) {
    .main-title h2 {
        font-size: 38px;
    }
    .head-title h2 {
        font-size: 64px;
    }
}

@media (max-width: 1200px) {
    .main-title h2 {
        font-size: 34px;
    }
    .head-title h2 {
        font-size: 56px;
    }
}

@media (max-width: 992px) {
    .main-title h2 {
        font-size: 32px;
    }

    .main-title p {
        font-size: 16px;
    }

    .head-title h2 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .main-title h2 {
        font-size: 26px;
    }
}

/* end-main-title */

/* hero-slider */
.home .hero-sec-slider .slick-next,
.home .hero-sec-slider .slick-prev {
    z-index: 2;
    top: 60%;
}

.home .hero-sec-slider .slick-next {
    right: 80px;
}

.home .hero-sec-slider .slick-prev {
    left: 40px;
}

.home .hero-sec-slider .slick-prev:before,
.home .hero-sec-slider .slick-next:before {
    opacity: 0.5;
}

.home .hero-sec-slider .slick-prev:before {
    content: "";
    background-image: url("../images/prev-arrow.webp");
    background-size: 50px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.home .hero-sec-slider .slick-next:before {
    content: "";
    background-image: url("../images/next-arrow-icon.webp");
    background-size: 50px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.home .hero-sec-slider .slick-prev:hover:before,
.home .hero-sec-slider .slick-next:hover:before {
    opacity: 1;
}

.home .hero-sec-slider .slick-dots {
    bottom: 25px;
}

.slick-dots li button:before {
    color: var(--gray-4);
}

.slick-dots li.slick-active button:before {
    color: var(--main-color);
}

.slick-dots li button:before {
    font-size: 12px;
}

.slick-dots li {
    margin: 0 2px;
}

.home .hero-sec-slider .slide-item {
    cursor: pointer;
    position: relative;
}

.home .hero-sec-slider .slick-slide img {
    width: 100%;
    min-height: 80vh;
    object-fit: cover;
}

.tradingview-widget-container{
    width: 120%;
}

.tradingview-widget-container * {
    pointer-events: none;
}
        
.home .hero-sec-slider .slick-slide video, .home .hero-sec-slider .slick-slide video source{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    margin-bottom: -10px;
}

.home .hero-sec-slider .slide-item .content {
    position: absolute;
    z-index: 1;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    text-align: center;
    width: 85%;
}

.home .hero-sec-slider .slide-item .content h2 {
    font-weight: 700;
    font-size: 72px;
    font-family: 'Bahnschrift';
}

.home .hero-sec-slider .slide-item .content p {
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 30px;
}

.home .hero-sec-slider .slide-item .content a {
    color: var(--white);
    border: 1px solid;
    padding: 10px 50px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

.home .hero-sec-slider .slide-item .content a:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.home .hero-sec-slider .slick-dots li button:before {
    opacity: 0.6;
}

@media (max-width: 1400px) {
    .home .hero-sec-slider .slide-item .content h2 {
        font-size: 62px;
    }
    .home .hero-sec-slider .slide-item .content p {
        font-size: 32px;
    }
}

@media (max-width: 1200px) {
    .home .hero-sec-slider .slide-item .content h2 {
        font-size: 50px;
    }
    .home .hero-sec-slider .slide-item .content p {
        font-size: 26px;
    }
}

@media (max-width: 992px) {
    .home .hero-sec-slider .slick-slide img {
        min-height: 60vh;
    }

    .home .hero-sec-slider .slide-item .content h2 {
        font-size: 24px;
    }

    .home .hero-sec-slider .slide-item .content p {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 40px;
    }

    .home .hero-sec-slider .slide-item .content a {
        font-size: 16px;
        padding: 10px 32px;
    }

    .home .hero-sec-slider .slide-item .content {
        top: 45%;
        width: 63%;
    }

    .home .hero-sec-slider .slick-next,
    .home .hero-sec-slider .slick-prev {
        top: 82%;
    }

    .home .hero-sec-slider .slick-next:before,
    .home .hero-sec-slider .slick-prev:before {
        background-size: 40px;
    }

    .home .slick-dots li button:before {
        font-size: 10px;
        width: 15px;
        height: 15px;
    }
}

/* end-hero-slider */
/* ---------------------------------- */
/* how-it-works */
.home .how-it-works {
    background-color: var(--basic);
    margin-top: -30px;
}

.home .how-it-works h2 {
    font-size: 72px;
}

.home .how-it-works p {
    font-size: 24px;
}

@media (max-width: 1400px) {
    .home .how-it-works h2 {
        font-size: 64px;
    }
    .home .how-it-works p {
        font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .home .how-it-works h2 {
        font-size: 58px;
    }
    .home .how-it-works p {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .home .how-it-works h2 {
        font-size: 32px;
    }

    .home .how-it-works p {
        font-size: 16px;
    }
}

/* end-how-it-works */
/* -------------------------------------- */

/* banners */
.banners img {
    max-height: 150px;
}

@media (max-width: 992px) {
    .banners img {
        max-height: 80px;
    }
}

/* ------------------------------- */
.home .how-to-register h2 {
    font-size: 70px;
    text-align: center;
}

.home .how-to-register h2 span {
    color: var(--main-color);
    font-weight: 500;
}

/* cards */
.home .how-to-register .cards-container .card {
    background-color: var(--white);
    padding: 10px 15px;
    border: none;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    z-index: 3;
    min-height: 335px;
}

.home .how-to-register .cards-container .card h3 {
    font-weight: 600;
    font-size: 20px;
    margin-top: 65px;
}

.home .how-to-register .cards-container .card p {
    color: var(--gray-2);
    font-size: 16px;
}

.home .how-to-register .cards-container .card:before {
    content: "";
    width: 116%;
    height: 38%;
    background: #ececec;
    position: absolute;
    bottom: -23%;
    left: -8%;
    border-radius: 50% 50% 0 0;
    z-index: 0;
    box-shadow: 1px -3px 4px #bbbbbbd1;
}

.home .how-to-register .cards-container .card:after {
    content: "";
    width: 116%;
    height: 38%;
    background: #ececec;
    box-shadow: 0px 3px 4px #bbbbbbd1;
    position: absolute;
    top: -25%;
    left: -8%;
    border-radius: 0 0 47% 47%;
    z-index: 0;
}

.home .how-to-register .cards-container .card .number {
    left: 50%;
    transform: translatex(-50%);
    top: 4px;
    z-index: 1;
    height: 12%;
    overflow: hidden;
}

.home .how-to-register .cards-container .card .number img {
    height: 70px;
}

@media (max-width: 1400px) {
    .home .how-to-register h2 {
        font-size: 58px;
    }
    .home .how-to-register .cards-container .card h3 {
        margin-top: 54px;
    }
    .home .how-to-register .cards-container .card .number img {
        height: 65px;
    }
}

@media (max-width: 1200px) {
    .home .how-to-register .cards-container .card {
        min-height: 370px;
    }

    .home .how-to-register .cards-container .card p {
        font-size: 14px;
    }
    .home .how-to-register h2 {
        font-size: 48px;
    }
    .home .how-to-register .cards-container .card .number img {
        height: 52px;
    }

    .home .how-to-register .cards-container .card .number {
        top: 11px;
        height: 10%;
    }
}

@media (max-width: 992px) {
    .home .how-to-register .cards-container .card {
        min-height: 290px;
    }
    .home .how-to-register .cards-container .card .number {
        top: 0;
        height: 13%;
    }

    .home .how-to-register h2 {
        font-size: 28px;
    }

    .home .how-to-register .cards-container .card p {
        margin-bottom: 25%;
        font-size: 14px;
    }

    .home .how-to-register .cards-container .card h3 {
        font-size: 18px;
    }
}

/* end-steps */
/* ---------------------------------------------- */
/* download-app */
.home .download-app {
    background-color: var(--basic);
    position: relative;
    overflow: hidden;
    min-height: 60vh;
}

.home .download-app .img-container img {
    height: 540px;
    position: absolute;
    right: 10%;
}

.home .download-app .img-container {
    position: relative;
}

.home .download-app h3 {
    color: var(--main-color);
    font-size: 44px;
    margin-top: 70px;
}

.home .download-app p {
    font-size: 22px;
    margin: 20px 0 27px 0;
}

.home .download-app a {
    color: var(--white);
    border: 1px solid;
    padding: 5px 18px;
    border-radius: 5px;
}

.home .download-app a:hover {
    color: var(--main-color);
}

.home .download-app a div {
    font-size: 12px;
}

.home .download-app a h5 {
    font-size: 16px;
    margin-bottom: 0;
}

.home .download-app a i {
    font-size: 24px;
    transition: unset;
}

@media (max-width: 1200px) {
    .home .download-app h3 {
        font-size: 36px;
        margin-top: 30px;
    }
    .home .download-app .img-container img {
        height: 473px;
    }
    .home .download-app p {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .home .download-app .img-container {
        min-height: 25vh;
        margin-top: 30px;
    }

    .home .download-app h3 {
        font-size: 32px;
        margin-top: 0;
    }

    .home .download-app p {
        font-size: 16px;
    }

    .home .download-app .img-container img {
        height: 340px;
        left: 50%;
        transform: translatex(-50%);
    }

    .home .download-app a div {
        font-size: 11px;
    }

    .home .download-app a i {
        font-size: 20px;
    }

    .home .download-app a h5 {
        font-size: 14px;
    }

    .home .download-app .download-app-container {
        text-align: center;
    }
    .home .download-app .buttons-holder {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .home .download-app .download-app-container {
        text-align: left;
    }
    .home .download-app .buttons-holder {
        justify-content: start;
    }
}

/* video-sec */
.video-sec .video-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.video-sec .video-title span {
    font-weight: 500;
}

.video-sec iframe {
    width: 100%;
    height: 576px;
}

.video-sec img {
    object-fit: cover;
}
@media (max-width: 1400px) {
    .video-sec .video-title {
        font-size: 24px;
    }
    .video-sec iframe {
        height: 470px;
    }
}

@media (max-width: 1200px) {
    .video-sec .video-title {
        font-size: 18px;
    }
    .video-sec iframe {
        height: 380px;
    }
}
@media (max-width: 992px) {
    .video-sec .video-title span {
        display: block;
        font-size: 32px;
        font-weight: 700;
    }

    .video-sec iframe {
        height: 350px;
    }

    .video-sec h4 {
        font-size: 16px;
        font-weight: 500;
    }

    .video-sec img {
        max-height: 370px;
        margin-top: 15px;
    }
}

/* end-video */
/* ------------------------------- */
/* brokers */

/* nav */
.tab-content > .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}
.tab-content > .active {
    height: auto;
}
.home .nav-pills .nav-link {
    color: var(--main-color);
    margin: 10px;
    transition: all var(--transition);
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-weight: 500;
    padding: 5px;
    font-size: 22px;
}

.home .nav-pills .nav-link.active,
.home .nav-pills .nav-link:hover,
.home .nav-pills .show > .nav-link {
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: 2px solid var(--main-color);
    border-radius: 0;
    color: var(--basic);
}

/* broker-card-widget */

.brokers .brokers-card-container .broker-card {
    background-color: var(--white);
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0px 0px 7px #9f9f9f99;
    position: relative;
    min-height: 389px;
}

.brokers .brokers-card-container .primary-broker-card {
    min-height: 366px;
}

.brokers .brokers-card-container .broker-card .offers {
    position: absolute;
    right: 4%;
    top: 3%;
    color: var(--main-button-hover);
    font-weight: 500;
    border: 1px solid var(--main-button-hover);
    border-radius: 15px;
    padding: 1px 10px;
    background-color: #0095d02e;
}

.brokers .brokers-card-container .broker-card img {
    transition: var(--transition);
    border-radius: 20px;
    border: 2px solid transparent;
    max-width: 100%;
    max-height: 115px;
    object-fit: cover;
}

.brokers .brokers-card-container .broker-card img:hover {
    border-color: var(--main-color);
}

.brokers .brokers-card-container .broker-card h3 {
    font-size: 26px;
    margin-bottom: 0;
    transition: var(--transition);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.brokers .brokers-card-container .broker-card h6:hover {
    color: var(--main-color);
}

.brokers .brokers-card-container .broker-card .commission-title,
.brokers .brokers-card-container .broker-card .commission-percentage {
    font-size: 18px;
}

.brokers .brokers-card-container .broker-card .commission-title {
    color: var(--gray-1);
}

.brokers .brokers-card-container .broker-card .links a {
    width: 100%;
    display: block;
}
.brokers .brokers-card-container .broker-card .review-container {
    display: flex;
}

@media (max-width: 1400px) {
    .brokers .brokers-card-container .broker-card h3 {
        font-size: 26px;
    }
    .brokers .brokers-card-container .broker-card .review-container {
        display: block;
    }
    .brokers .brokers-card-container .primary-broker-card {
        min-height: 360px;
    }
}

@media (max-width: 1200px) {
    .brokers .brokers-card-container .broker-card h3 {
        font-size: 22px;
    }
}
@media (max-width: 992px) {
    .brokers .brokers-card-container .broker-card .review-container {
        display: flex;
    }
    .brokers .brokers-card-container .primary-broker-card {
        min-height: 350px;
    }
}
@media (max-width: 767px) {
    .brokers .brokers-card-container .broker-card {
        min-height: 363px;
    }
}

.slick-next:before {
    content: "\f35a";
}

.slick-prev:before {
    content: "\f359";
}

.home .brokers .slick-next {
    right: 16px;
}

.home .brokers .slick-prev {
    left: 0;
    z-index: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.6;
}

.slick-next:before,
.slick-prev:before {
    font-family: "Font Awesome 5 Free";
    color: var(--gray-light-2);
    font-size: 36px;
    transition: var(--transition);
}

.slick-next:hover:before,
.slick-prev:hover:before {
    color: var(--main-color) !important;
}

.home .view-all a {
    font-size: 20px;
    font-weight: 500;
}

.home .view-all a:hover {
    color: var(--main-color);
}

.home .view-all a i {
    transition: unset;
}
@media (max-width: 1400px) {
    .brokers .brokers-card-container .broker-card .links a {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .brokers .brokers-card-container .broker-card h3 {
        font-size: 28px;
    }
    .brokers .brokers-card-container .broker-card .commission-title,
    .brokers .brokers-card-container .broker-card .commission-percentage {
        font-size: 16px;
    }
    .home .nav-pills .nav-link {
        font-size: 18px;
    }
    .home .view-all a {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    .home .nav-pills {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .home .nav-pills::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    .home .nav-pills {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .home .nav-pills .nav-link {
        margin: 5px;
    }

    .brokers .brokers-card-container .broker-card h3 {
        font-size: 18px;
    }

    .brokers .brokers-card-container .broker-card .commission-title {
        font-size: 16px;
    }

    .brokers .brokers-card-container .broker-card .commission-percentage {
        font-size: 14px;
    }

    .brokers .brokers-card-container .broker-card img {
        max-height: 150px;
    }

    .home .view-all a {
        font-size: 16px;
    }
}

/* withdrawal-sec */
.home .withdrawal-sec {
    background-image: url("../images/withdrawal-bg.webp");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home .withdrawal-sec .table-container {
    background: rgb(255 255 255 / 7%);
    border-radius: 15px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(3px);
    box-shadow: 0 0 2px rgb(255 255 255 / 42%);
    overflow: auto;
    padding: 3% 8% 1%;
}

/* table */
.home .withdrawal-sec .table-container table thead th {
    font-weight: 700;
    font-size: 20px;
}

.home .withdrawal-sec .table-container .table > :not(caption) > * > * {
    background-color: transparent;
    color: var(--white);
}

.home .withdrawal-sec .table-container table tbody tr:last-child {
    border-bottom: transparent;
}

.home .withdrawal-sec .table-container table td,
.home .withdrawal-sec .table-container table th {
    vertical-align: middle;
}

.home .withdrawal-sec .table-container table .person-name {
    font-weight: 600;
    font-size: 18px;
}
#referal-code{
    padding-bottom: 4.5px;
}

.home .withdrawal-sec .table-container table .amount,
.home .withdrawal-sec .table-container table .date {
    font-size: 18px;
}

.home .withdrawal-sec .table-container table img {
    border-radius: 50%;
}

.home .withdrawal-sec .table-container table {
    white-space: nowrap;
    overflow: auto;
}
/* scrollbar */
.home .withdrawal-sec .table-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.home .withdrawal-sec .table-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.home .withdrawal-sec .table-container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.home
    .withdrawal-sec
    .table-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 992px) {
    .home .withdrawal-sec {
        min-height: auto;
    }

    .home .withdrawal-sec .table-container table thead th {
        font-size: 16px;
    }

    .home .withdrawal-sec .table-container table img {
        max-height: 40px;
    }

    .home .withdrawal-sec .table-container table .person-name {
        font-size: 14px;
    }

    .home .withdrawal-sec .table-container table .amount,
    .home .withdrawal-sec .table-container table .date {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .table > :not(caption) > * > * {
        padding: 0.5rem 0.8rem;
    }
}
/* end withdrawal-sec */
/* ---------------------------------------------- */

/* add-review */
.add-review {
    /*max-width: 40%;*/
    text-align: start;
}

.add-review form label {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 18px;
}

.add-review form input {
    padding: 8px 12px;
    color: var(--gray-2);
}
.add-review form textarea {
    box-shadow: none;
    resize: none;
}

.add-review form input:focus,
.add-review form textarea:focus {
    border-color: var(--gray-3);
}
/* Rating Star Widgets Style */
.add-review .rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin-bottom: 0;
}
.add-review .rating-stars ul > li.star {
    display: inline-block;
    cursor: pointer;
}

/* Idle State of the stars */
.add-review .rating-stars ul > li.star > i.fa {
    font-size: 18px; /* Change the size of the stars */
    color: var(--gray-light); /* Color on idle state */
}

/* Hover state of the stars */
.add-review .rating-stars ul > li.star.hover > i.fa {
    color: var(--orange);
}

/* Selected state of the stars */
.add-review .rating-stars ul > li.star.selected > i.fa {
    color: var(--orange);
}

@media (max-width: 1200px) {
    .add-review {
        max-width: 50%;
    }
    @media (max-width: 992px) {
        .add-review form label {
            font-size: 16px;
        }
    }
}
/* end add review */

/* start clients-reviews */
.clients-reviews .reviews-container {
    padding: 0 10%;
    margin-top: 10px;
}

.clients-reviews .reviews-container .review {
    padding: 30px 20px;
    background-color: var(--white);
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px #d1d1d15c;
    margin: 0 15px;
    min-height: 294px;
}

.clients-reviews .reviews-container .review h3 {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 0;
}

.clients-reviews .reviews-container .review .review-title {
    color: var(--gray-1);
}

.clients-reviews .reviews-container .review .total-reviews span {
    color: var(--gray-3);
}

.clients-reviews .reviews-container .review .total-reviews span.checked {
    color: var(--main-color);
}

.clients-reviews .reviews-container .review p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-bottom: 0;
}

.clients-reviews .slick-prev {
    left: 5%;
    z-index: 1;
}

.clients-reviews .slick-next {
    right: 6%;
}

.clients-reviews .slick-dots li button:hover:before {
    color: var(--main-color);
}
@media (max-width: 1400px) {
    .clients-reviews .reviews-container .review {
        min-height: 291px;
    }
    .clients-reviews .reviews-container .review h3 {
        font-size: 28px;
    }
    .clients-reviews .reviews-container .review .review-title {
        font-size: 14px;
    }
    .clients-reviews .reviews-container .review p {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .clients-reviews .reviews-container .review {
        min-height: 281px;
    }
    .clients-reviews .reviews-container .review h3 {
        font-size: 22px;
    }
}
@media (max-width: 992px) {
    .clients-reviews .reviews-container {
        padding: 0;
    }

    .clients-reviews .reviews-container .review {
        margin-bottom: 10px;
        cursor: grab;
    }

    .clients-reviews h3 {
        font-size: 32px;
        text-align: center;
    }

    .clients-reviews .reviews-container .review h3 {
        font-size: 20px;
    }

    .clients-reviews .reviews-container .review .review-title {
        font-size: 14px;
    }

    .clients-reviews .reviews-container .review p {
        font-size: 16px;
    }
    .clients-reviews .reviews-container .slick-dots li button:before {
        color: var(--gray-1);
    }
    .clients-reviews
        .reviews-container
        .slick-dots
        li.slick-active
        button:before {
        color: var(--main-color);
    }
}
@media (max-width: 767px) {
    .clients-reviews .reviews-container .review {
        min-height: 257px;
    }
}

/* end-reviews */
/* ------------------------------------------ */

/* blogs */
.blogs .blogs-card-container .blog-card {
    border-radius: 18px;
    box-shadow: 0px 0px 5px 4px #9f9f9f33;
    min-height: 379px;
    background-color: var(--white);
    position: relative;
}

.blogs .blogs-card-container .blog-card .date {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-2);
}

.blogs .blogs-card-container .blog-card .card-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: adds ellipsis (...) if text overflows */
    width: 100%; /* Set a width as needed */
}

.blogs .blogs-card-container .blog-card .card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blogs .blogs-card-container .blog-card .card-body {
    background-color: var(--white);
    padding: 15px;
    border-radius: 0 0 18px 18px;
}

.blogs .blogs-card-container .blog-card .read-more {
    font-size: 18px;
    /*position: absolute;*/
    bottom: 5%;
}

.blogs .blogs-card-container .blog-card .read-more i {
    font-size: 14px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.blogs .blogs-card-container .blog-card:hover .read-more i {
    margin-left: 7px;
}

.blogs .blogs-card-container .blog-card .img-container {
    overflow: hidden;
    border-radius: 18px 18px 0 0;
}

.blogs .blogs-card-container .blog-card .card-img-top {
    transition: var(--transition);
    height: 200px;
    object-fit: cover;
}

.blogs .blogs-card-container .blog-card:hover .card-img-top {
    transform: scale(1.1);
}

.blogs .blogs-card-container .blog-card.insight-card {
    min-height: 357px;
}

.blogs .blogs-card-container .blog-card.insight-card .read-more {
    position: static;
}

.blogs .blogs-card-container .blog-card.insight-card .card-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 10px;
}

.blogs .blogs-card-container .blog-card.services-card {
    min-height: 360px;
}

@media (max-width: 1200px) {
    .blogs .blogs-card-container .blog-card .card-title {
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .blogs .blogs-card-container .blog-card .date {
        font-size: 12px;
    }

    .blogs .blogs-card-container .blog-card .card-title {
        font-size: 18px;
    }

    .blogs .blogs-card-container .blog-card .read-more {
        font-size: 16px;
        position: static;
    }

    .blogs .blogs-card-container .blog-card .read-more i {
        font-size: 12px;
    }
    .blogs .blogs-card-container .blog-card .card-text {
        -webkit-line-clamp: 3;
    }
}
@media (max-width: 767px) {
    .blogs .blogs-card-container .blog-card.services-card {
        min-height: 345px;
    }
}

/* end-blogs */
/* ----------------------------------- */

/* contact-us-sec */
.contact-us-sec {
    background-image: url("../images/contact-us-sec-bg.webp");
    background-position: bottom;
    background-size: cover;
    position: relative;
    min-height: 90vh;
    margin-top: -2px;
}

.contact-us-sec .title {
    color: var(--white);
    display: flex;
    justify-content: center;
    width: 85%;
}

.contact-us-sec .title h3 {
    font-size: 70px;
}

.contact-us-sec .title p {
    font-size: 22px;
}

.contact-us-sec .form-container {
    background-color: var(--white);
    border-radius: 15px;
    padding: 40px 30px;
    position: absolute;
    right: 2%;
    top: -3%;
    width: 30%;
    box-shadow: 0 0 25px 0 #00000026;
}

.contact-us-sec .form-container label {
    font-weight: 500;
    margin-bottom: 4px;
}

.contact-us-sec .form-container input {
    background-color: var(--gray-5);
    border: 1px solid var(--gray-4);
    font-size: 14px;
    padding: 9px 10px;
}

.contact-us-sec .form-container input:focus {
    border-color: var(--gray-3);
}

.form-container-webinar {
    background-color: var(--white);
    border-radius: 15px;
    padding: 40px 30px;
    margin-bottom: 80px;
    box-shadow: 0 0 25px 0 #00000026;
    border: 1px solid #0095d0;
}

.form-container-webinar label {
    font-weight: 500;
    margin-bottom: 4px;
}

.form-container-webinar input {
    background-color: var(--gray-5);
    border: 1px solid var(--gray-4);
    font-size: 14px;
    padding: 9px 10px;
}

.form-container-webinar input:focus {
    border-color: var(--gray-3);
}

label.error, label.rate_error {
    font-size: 14px !important;
    color: var(--error) !important;
}

@media (max-width: 1200px) {
    .contact-us-sec .title h3 {
        font-size: 54px;
    }
    .contact-us-sec .title p {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .contact-us-sec .title {
        justify-content: start;
        width: 100%;
    }

    .contact-us-sec .title h3 {
        font-size: 32px;
    }

    .contact-us-sec .title p {
        font-size: 16px;
    }

    .contact-us-sec .form-container {
        transform: translate(0, 0);
        background-color: #fafafa3b;
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .contact-us-sec .form-container label {
        color: var(--white);
    }
}

/* up-arrow */
.up-arrow {
    width: 45px;
    height: 45px;
    position: fixed;
    z-index: 10;
    background-color: var(--main-color);
    right: 3%;
    border-radius: 50%;
    text-align: center;
    bottom: 2%;
}

.up-arrow i {
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
    margin-top: 12px;
}

@media (max-width: 992px) {
    .up-arrow {
        width: 40px;
        height: 40px;
    }
    .up-arrow i {
        font-size: 18px;
    }
}

/* footer */
footer {
    background-color: #101a1f;
    color: var(--white);
    margin-top: -2px;
}

footer .logo {
    max-height: 90px;
}

footer p {
    padding-right: 25px;
    font-size: 18px;
}

footer a {
    color: var(--white);
    font-size: 18px;
}

footer a:hover {
    color: var(--main-color);
}

footer .head-title {
    font-size: 34px;
}

footer .links-title {
    font-size: 22px;
}

footer .withdrawal-methods img {
    max-height: 30px;
    object-fit: contain;
    filter: grayscale(1);
    transition: var(--transition);
}

footer .withdrawal-methods img:hover {
    filter: grayscale(0);
}

footer i {
    font-size: 24px;
    color: #fefefe99;
}

footer i:hover {
    color: var(--white);
}

footer .line {
    height: 1px;
    width: 80%;
    background-color: #bcbacd3d;
    margin: auto;
    margin-top: 10px;
}

footer .copy-rights a {
    color: var(--main-color);
    font-size: 16px;
}

footer .copy-rights a:hover {
    color: var(--white);
}

footer .bottom-text {
    margin-top: 10px;
}

@media (max-width: 992px) {
    footer .logo {
        max-height: 70px;
    }

    footer .head-title {
        font-size: 24px;
    }

    footer p {
        padding-right: 0;
        font-size: 14px;
    }

    footer .links-title {
        font-size: 22px;
    }

    footer a {
        font-size: 16px;
    }

    footer .withdrawal-methods img {
        max-height: 25px;
    }

    footer i {
        font-size: 22px;
    }

    footer .bottom-text {
        font-size: 14px;
    }
}

/* --------------------------------------------------------------- */
/* end-home */

.blogs .all-blog-posts .links, .forex-analysis .all-blog-posts .links{
    margin-bottom: 30px;
}

.blogs .all-blog-posts .links ul, .forex-analysis .all-blog-posts .links ul {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.blogs .all-blog-posts .links ul li, .forex-analysis .all-blog-posts .links ul li {
    padding: 5px 15px;
    font-weight: 500;
    font-size: 22px;
}
.blogs .all-blog-posts .links ul li:first-child, .forex-analysis .all-blog-posts .links ul li:first-child {
    padding-left: 0;
}

.blogs .all-blog-posts .links ul li a, .forex-analysis .all-blog-posts .links ul li a {
    color: var(--main-color);
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

.blogs .all-blog-posts .links ul li a:hover, .blogs .all-blog-posts .links ul li a.active, .forex-analysis .all-blog-posts .links ul li a:hover, .forex-analysis .all-blog-posts .links ul li a.active {
    color: var(--basic);
    border-color: var(--main-color);
}

.blogs .all-blog-posts .links ul::-webkit-scrollbar, .forex-analysis .all-blog-posts .links ul::-webkit-scrollbar {
    display: none;
}

/* right-side-blogs-cards */
.blogs .blogs-card-container .right-side .blog-card {
    min-height: 175px;
}

.blogs .blogs-card-container .right-side .blog-card .card-body {
    border-radius: 0 18px 18px 0;
}

.blogs .blogs-card-container .right-side .blog-card .date {
    font-size: 12px;
}

.blogs .blogs-card-container .right-side .blog-card .card-title {
    font-size: 16px;
}

.blogs .blogs-card-container .right-side .blog-card .card-text,
.blogs .blogs-card-container .right-side .blog-card .read-more {
    font-size: 14px;
}

.blogs .blogs-card-container .right-side .blog-card .read-more {
    bottom: 15%;
}

.blogs .blogs-card-container .right-side .blog-card .read-more i {
    font-size: 12px;
}

.blogs .blogs-card-container .right-side .blog-card .img-container {
    border-radius: 18px 0 0 18px;
}

.blogs .blogs-card-container .right-side .blog-card .img-container img {
    height: 175px;
    object-fit: cover;
    width: 168px;
}
@media (min-width: 993px) {
    .blogs-card-container .right-side{
        margin-bottom: 28px;
    }
    .blogs .blogs-card-container .right-side .blog-card .img-container {
        width: 230px;
    }
}
@media (max-width: 1200px) {
    .blogs .all-blog-posts .links ul li {
        font-size: 20px;
    }
    .blogs .blogs-card-container .right-side .blog-card .read-more {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .blogs .all-blog-posts .links ul li a {
        font-size: 16px;
    }

    .blogs .blogs-card-container .right-side .blog-card .card-body {
        border-radius: 0 0 18px 18px;
    }

    .blogs .blogs-card-container .right-side .blog-card .date {
        font-size: 14px;
    }

    .blogs .blogs-card-container .right-side .blog-card .card-title {
        font-size: 18px;
    }

    .blogs .blogs-card-container .right-side .blog-card .card-text,
    .blogs .blogs-card-container .right-side .blog-card .read-more {
        font-size: 16px;
    }

    .blogs .blogs-card-container .right-side .blog-card .read-more i {
        font-size: 14px;
    }

    .blogs .blogs-card-container .right-side .blog-card .img-container {
        border-radius: 18px 18px 0 0;
    }
}

/* end-blogs-page */
/* -------------------------------------------- */
/* blog-details */
.blog-details .main-img {
    border-radius: 25px;
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

.blog-details .desc {
    margin-top: 30px;
}

.blog-details .desc h3 {
    font-size: 32px;
}

.blog-details .desc p {
    font-size: 18px;
}

.blog-details .desc hr {
    background-color: var(--gray-3);
    margin-top: 50px;
    margin-bottom: 5px;
}

@media (max-width: 1400px) {
    .blog-details .desc h3 {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {
    .blog-details .desc h3 {
        font-size: 26px;
    }
    .blog-details .desc p {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .blog-details .desc .date {
        font-size: 14px;
    }

    .blog-details .desc h3 {
        font-size: 20px;
    }
}

/* end-blog-details */
/* ------------------------------------------- */

/* start FAQ */
.accordion-button:not(.collapsed) {
    background-color: var(--gray-5);
    color: var(--basic);
    padding-bottom: 8px;
    box-shadow: none;
}

.faq .accordion {
    --bs-accordion-bg: var(--gray-5);
}

.faq .accordion button:focus {
    box-shadow: none;
}

.faq .accordion .accordion-item:not(:first-child) {
    border-top: var(--bs-accordion-border-width) solid var(--gray-4);
}

.faq .accordion .accordion-button {
    font-weight: 500;
    font-size: 18px;
}

.faq .accordion .accordion-body {
    color: var(--gray-1);
    padding-top: 0;
    width: 70%;
}

.faq .accordion .accordion-button::after {
    background-image: url("../images/accordion-arrow.webp");
    background-position: center;
    background-size: contain;
    height: 25px;
}

@media (max-width: 992px) {
    .faq .accordion .accordion-body {
        width: 100%;
    }
    .faq .accordion .accordion-button::after {
        height: 20px;
    }
}

/* end-faq */
/* -------------------------------------- */

/* loyalty-prorams */
.loyalty-programs .img-container img {
    border-radius: 20px;
}

.loyalty-programs .loyalty-content h3 {
    font-size: 24px;
}

.loyalty-programs .loyalty-content p {
    font-size: 18px;
    color: var(--gray-1);
}

.loyalty-programs .bottom-text {
    color: var(--main-color);
    font-weight: 600;
    font-size: 20px;
}

@media (max-width: 1200px) {
    .loyalty-programs .loyalty-content h3 {
        font-size: 20px;
    }
    .loyalty-programs .loyalty-content p {
        font-size: 16px;
    }
    .loyalty-programs .bottom-text {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    .loyalty-programs .loyalty-content h3 {
        font-size: 20px;
    }

    .loyalty-programs .loyalty-content p {
        font-size: 16px;
    }

    .loyalty-programs .bottom-text {
        color: var(--basic);
        font-weight: 700;
        font-size: 20px;
    }
    .loyalty-programs .img-container {
        text-align: center;
    }
    .loyalty-programs .img-container img {
        max-height: 300px;
        width: 100%;
        object-fit: cover;
    }
}

/* end loyalty-programs */
/* -------------------------------------- */

/* services-page */
.services .services-cards .blogs-card-container .blog-card h3 {
    color: var(--main-color);
    font-size: 24px;
    margin-bottom: 5px;
}

@media (max-width: 992px) {
    .services .services-cards .blogs-card-container .blog-card h3 {
        font-size: 24px;
    }

    .services .services-cards .blogs-card-container .blog-card .card-text {
        font-size: 14px;
    }
}

/* end services-page */
/* --------------------------------------------*/

/* service-details */
.service-details .img-container img {
    border-radius: 25px;
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

.service-details .content h3 {
    font-size: 32px;
}

.service-details .content p {
    font-size: 18px;
}

@media (max-width: 992px) {
    .service-details .content h3 {
        font-size: 18px;
    }

    .service-details .content p {
        font-size: 16px;
    }
}

/* end-service-details */
/* ------------------------------------------ */

/* brokers-page */
.brokers-page .broker-card .broker-card-title h3 {
    font-size: 18px;
    text-align: start;
    margin-bottom: 3px;
    transition: var(--transition);
}

.brokers-page .broker-card .broker-card-title h3:hover {
    color: var(--main-color);
}

.brokers-page .broker-card .broker-card-title .total-reviews span {
    font-size: 12px;
    color: var(--gray-4);
}

.brokers-page .broker-card .broker-card-title .total-reviews span.checked {
    color: var(--main-color);
}

.brokers-page .broker-card .broker-card-title .num-of-reviews {
    font-size: 14px;
    margin-top: 3px;
}

.brokers-page .brokers-card-container .broker-card p {
    color: var(--gray-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.brokers-page hr {
    color: var(--gray-1);
}

/* pagination */
.pagination li:nth-child(2) {
    margin-left: auto;
}

.pagination li:last-child {
    margin-left: auto;
}

.pagination .page-item .page-link {
    border: none;
    background-color: transparent;
    color: var(--gray-1);
}

.pagination .page-item {
    transition: var(--transition);
}

.pagination .page-item .page-link {
    text-align: center;
    padding: 8px 16px;
    margin: 0 5px;
    border-radius: 8px;
}

.pagination .page-item .page-link i {
    transition: unset;
}

.pagination .page-item.active .page-link,
.pagination li:not(:last-child) .page-link:hover {
    background-color: var(--white);
    border-radius: 8px;
}

.pagination li:last-child:hover .page-link,
.pagination li:first-child:hover .page-link {
    color: var(--main-color);
}

@media (max-width: 992px) {
    .brokers-page .brokers-card-container .broker-card p {
        font-size: 14px;
    }
}

/* end-brokers-page  */
/* -------------------------------------- */

/* broker-details */
.broker-details .description h3 {
    font-size: 24px;
}
.broker-details .description p {
    font-size: 18px;
    margin-bottom: 0;
}

.broker-details .card-container .broker-card figure img {
    border-radius: 15px;
    max-width: 200px;
}

.broker-details .card-container .broker-card .total-reviews span {
    color: var(--gray-4);
}

.broker-details .card-container .broker-card .total-reviews span.checked {
    color: var(--main-color);
}

.broker-details .card-container .broker-card .num-of-reviews {
    font-size: 14px;
}

.broker-details .card-container .broker-card .links div {
    max-width: 250px;
    margin: auto;
}

.broker-details .card-container .broker-card .links div a {
    width: 100%;
    display: block;
}
.broker-details .card-container .broker-card {
    margin-top: 20%;
}

.broker-details iframe {
    text-align: center;
    width: 70%;
    height: 550px;
}

.broker-details .brokers .brokers-card-container .offers h3 {
    font-size: 26px;
}

.broker-details .brokers .brokers-card-container .offers p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width: 1400px) {
    .broker-details iframe {
        height: 500px;
    }
}
@media (max-width: 1200px) {
    .broker-details iframe {
        width: 75%;
        height: 450px;
    }
}

@media (max-width: 992px) {
    .broker-details iframe {
        width: 90%;
        height: 360px;
    }
}

/* table */
.broker-details table {
    /*text-wrap: nowrap;*/
}
.broker-details table thead th {
    background-color: var(--main-button-hover);
    font-weight: 700;
    color: var(--white);
    font-size: 38px;
    padding: 5px;
}

.broker-details .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: var(--white);
}
.broker-details .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-bg-type: #0095d033;
}
.broker-details table td:first-child {
    font-size: 18px;
}
.broker-details table tbody td {
    padding: 10px 45px;
}
.broker-details table tbody .desc {
    font-weight: 500;
}
.broker-details table tbody .title {
    font-weight: 700;
}
/* scrollbar */
.broker-details .table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.broker-details .table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.broker-details .table-responsive::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.broker-details .table-responsive::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1400px) {
    .broker-details table thead th {
        font-size: 40px;
    }
}
@media (max-width: 1200px) {
    .broker-details .description h3 {
        font-size: 22px;
    }
    .broker-details .description p {
        font-size: 16px;
    }
    .broker-details table td:first-child {
        font-size: 16px;
    }
    .broker-details table td {
        font-size: 14px;
    }
}
@media (max-width: 992px) {
    .broker-details table thead th {
        font-size: 20px;
    }

    .broker-details .card-container .broker-card {
        margin-top: 0;
    }

    .broker-details .description h3 {
        font-size: 18px;
    }

    .broker-details .card-container .broker-card figure img {
        border-radius: 15px;
        max-width: 150px;
    }

    .broker-details .slick-dots li button:before {
        color: var(--gray-2);
    }
    .broker-details .slick-dots li.slick-active button:before {
        color: var(--main-color);
    }
}

/* end-broker-details */
/* -------------------------------------------------- */

/* advertise-with-us & about-us */
.advertise-with-us .banner img {
    border-radius: 15px;
    margin-top: 10%;
}
.advertise-with-us p,
.about-us p {
    font-size: 18px;
}

.about-us h3 {
    font-size: 28px;
}

@media (max-width: 992px) {
    .advertise-with-us .banner img {
        margin-top: 3%;
    }
    .advertise-with-us .side-banner img {
        max-height: 400px;
    }
    .advertise-with-us p,
    .about-us p {
        font-size: 16px;
    }
    .about-us img {
        max-height: 300px;
    }
    .about-us h3 {
        font-size: 22px;
    }
}
/* end advertise-with-us & about-us */
/* ----------------------------------------------- */

/* start contact-us page */
.contact-us-page .contact-title p {
    font-size: 24px;
}
.contact-us-page .contact-us-sec .form-container {
    position: static;
    width: 40%;
    background-color: #fefefe33;
    backdrop-filter: blur(5px);
    padding: 3% 5%;
}

.contact-us-page .contact-us-sec {
    height: auto;
}
.contact-us-page .contact-us-sec .form-container form label {
    color: var(--white);
}

.contact-us-page .connect-with-us {
    background-color: #101a1f;
    margin-top: -2px;
}

.contact-us-page .connect-with-us h2 {
    font-size: 68px;
}
.contact-us-page .connect-with-us p {
    font-size: 24px;
}

.contact-us-page .connect-with-us .social-links a {
    color: var(--white);
}

.contact-us-page .connect-with-us .social-links a:hover i {
    color: #fefefe99;
}

.contact-us-page .connect-with-us .social-links a i {
    font-size: 28px;
}
@media (max-width: 1400px) {
    .contact-us-page .contact-title p {
        font-size: 20px;
    }
    .contact-us-page .connect-with-us h2 {
        font-size: 62px;
    }
    .contact-us-page .connect-with-us p {
        font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .contact-us-page .contact-us-sec .form-container {
        width: 47%;
    }
    .contact-us-page .contact-title p {
        font-size: 18px;
    }
    .contact-us-page .connect-with-us h2 {
        font-size: 56px;
    }
    .contact-us-page .connect-with-us p {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .contact-us-page .contact-us-sec .form-container {
        width: 80%;
    }

    .contact-us-page .contact-title p {
        font-size: 16px;
    }

    .contact-us-page .connect-with-us h2 {
        font-size: 34px;
    }
    .contact-us-page .connect-with-us p {
        font-size: 18px;
    }
    .contact-us-page .connect-with-us .social-links a i {
        font-size: 22px;
    }
}

/* forex-analysis-details */
.forex-analysis-datails .main-img img {
    border-radius: 25px;
    max-height: 500px;
    width: 100%;
    object-fit: cover;
}

.forex-analysis-datails .desc h3 {
    font-size: 32px;
}
.forex-analysis-datails .desc p {
    font-size: 18px;
}
@media (max-width: 1400px) {
    .forex-analysis-datails .desc h3 {
        font-size: 28px;
    }
}
@media (max-width: 1200px) {
    .forex-analysis-datails .desc h3 {
        font-size: 26px;
    }
    .forex-analysis-datails .desc p {
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .forex-analysis-datails .desc .date {
        font-size: 14px;
    }
    .forex-analysis-datails .desc h3 {
        font-size: 18px;
    }

    .side-banner img {
        max-height: 450px;
    }
}
/* end forex-analysis-details */
/* ---------------------------------------- */

/* start forex-insights */
.forex-insights .blogs-card-container .blog-card .card-body .user-img {
    border-radius: 50%;
    height: 60px;
    width: 60px;
}

.instractor {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
/* end forex-insights */
/* -------------------------------------- */

/* start forex-course */
.forex-course .main-img img {
    border-radius: 15px;
}

.forex-course iframe {
    text-align: center;
    width: 70%;
    height: 550px;
}

.forex-course p {
    font-size: 18px;
}

@media (max-width: 1400px) {
    .forex-course iframe {
        height: 500px;
    }
}

@media (max-width: 1200px) {
    .forex-course iframe {
        width: 75%;
        height: 450px;
    }
}
@media (max-width: 992px) {
    .forex-course iframe {
        width: 90%;
        height: 360px;
    }

    .forex-course p {
        font-size: 16px;
    }
}
/* end-forex */
/* -------------------------------------------- */

/* start account */
/* main */
.account .user h3 {
    font-size: 24px;
}
.account .user {
    border-radius: 25px;
    background-color: var(--white);
    padding: 20px;
}

.account .user .user-img img {
    border-radius: 50%;
    max-height: 70px;
}

.account .user .edit-account a {
    color: var(--gray-1);
    font-weight: 500;
}
.account .user .edit-account a i {
    transition: unset;
}
.account .user .edit-account a:hover {
    color: var(--basic);
}

.account .client-aria {
    border-left: 3px solid var(--main-color);
    padding-left: 10px;
}

.account .client-aria .title {
    font-size: 24px;
}

.account .client-aria p {
    color: var(--gray-1);
    font-size: 20px;
}

@media (max-width: 1200px) {
    .account .user .edit-account a {
        font-size: 14px;
    }
    .account .user {
        padding: 15px;
    }
    .account .user .user-img img {
        max-height: 80px;
    }
}

/* account -> sidebar */
.account .sidebar aside {
    background-color: var(--white);
    padding: 25px;
    border-radius: 25px;
}

.account .sidebar aside i {
    color: var(--main-color);
    font-size: 20px;
}
.account .sidebar h3 {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--gray-1);
    font-weight: 500;
}
.account .sidebar .link-container:not(:last-child) {
    margin-bottom: 8px;
}

.account .sidebar .link-container a {
    padding: 10px;
    border-radius: 5px;
}
.account .sidebar .link-container a.active,
.account .sidebar .link-container a:hover {
    background-color: #c4c4c433;
}
.account .account-overview .info {
    background-color: var(--white);
    padding: 5px 20px;
    border-radius: 25px;
    border: 1px solid var(--main-color);
    height: 130px;
}

.account .account-overview .info.ta {
    height: auto;padding: 20px 20px;
}

.account .account-overview .info:hover {
    box-shadow: 0 0 12px 0 #15151533;
}

.account .account-overview .info i {
    color: var(--gray-2);
    font-size: 40px;
}

.account .account-overview .info h3 {
    color: var(--main-color);
    font-size: 22px;
    margin-bottom: 6px;
}

.account .account-overview .info .price {
    color: var(--gray-1);
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 1400px) {
    .account .account-overview .info h3 {
        font-size: 18px;
    }
    .account .account-overview .info .price {
        font-size: 16px;
    }
}
@media (max-width: 1200px) {
    .account .sidebar h3 {
        font-size: 16px;
    }
    .account .sidebar aside i {
        font-size: 18px;
    }
    .account .user h3 {
        font-size: 20px;
    }
    .account .user .edit-account a {
        font-size: 14px;
    }
    .account .account-overview .info h3 {
        font-size: 20px;
    }
    .account .account-overview .info .price {
        font-size: 16px;
    }
    .account .sidebar aside {
        padding: 20px;
    }
}

@media (max-width: 992px) {
    .account .user .user-img img {
        max-height: 80px;
    }
    .account .user h3 {
        font-size: 20px;
    }
    .account .client-aria p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .account .account-overview .info {
        height: 100px;
    }
    .account .account-overview .info i {
        font-size: 30px;
    }

    .account .sidebar aside {
        margin-top: 20px;
    }
}
/* end-account-overview */
/* -------------------------------------------- */

/* start account-trading-accounts */
.account .account-trading-accounts .trading-accounts i {
    color: var(--gray-1);
    font-size: 24px;
}

.account .account-trading-accounts .trading-accounts h3 {
    font-size: 24px;
}

.account .modal .modal-content {
    padding: 26px 20px 8px;
}
.account form select option {
    color: var(--basic);
}
.account .modal .modal-header {
    padding: 5px 17px;
}
.account .modal .modal-header .btn-close {
    box-shadow: none;
}
.account .modal .modal-header h2 {
    font-size: 24px;
}
.account .modal .modal-footer {
    border: none;
}
.account form label {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 18px;
}
.account form input,
.account form select,
.account form textarea {
    background-color: var(--gray-5);
    border-color: var(--gray-4);
    font-size: 14px;
    padding: 9px 12px;
    color: var(--gray-2);
}
.account form input:focus,
.account form select:focus,
.account form textarea:focus {
    border-color: var(--gray-2);
    background-color: var(--gray-5);
    box-shadow: none;
}
.account form select {
    box-shadow: none;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .account .account-trading-accounts .trading-accounts h3 {
        font-size: 20px;
    }
}
@media (max-width: 992px) {
    .account
        .account-trading-accounts
        .trading-accounts
        .modal
        .modal-header
        h2 {
        font-size: 20px;
    }
    .account
        .account-trading-accounts
        .trading-accounts
        .modal
        .modal-header
        .btn-close {
        font-size: 12px;
        box-shadow: none;
    }
    .account .account-trading-accounts .trading-accounts .modal form label {
        font-size: 16px;
    }
    .account .account-trading-accounts .trading-accounts h3 {
        font-size: 16px;
    }
    .account .account-trading-accounts .trading-accounts i {
        font-size: 18px;
    }
    .account .account-trading-accounts .trading-accounts .main-btn {
        padding: 8px 14px;
    }
    .account form label {
        font-size: 16px;
    }
}
/* end account-trading-accounts  */
/* ------------------------------------------ */
/* main border and padding */
.account .data-holder {
    border: 1px solid var(--main-color);
    border-radius: 20px;
    padding: 3% 3%;
    background-color: #fefefe66;
}

/* start account -> edit profile */
.account .account-edit-profile .personal-info-container h3 {
    font-size: 28px;
}
.account .account-edit-profile .personal-info-container .custom-file-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 10px;
    cursor: pointer;
}

.account
    .account-edit-profile
    .personal-info-container
    .custom-file-upload
    input[type="file"] {
    display: none;
}

.account .account-edit-profile .personal-info-container .upload-icon i {
    color: var(--main-color);
    font-size: 24px;
}

.account .account-edit-profile .personal-info-container .upload-icon {
    width: 100px;
    height: 100px;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.account .account-edit-profile .personal-info-container .upload-text {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    color: var(--gray-2);
    font-size: 18px;
}

.account .account-edit-profile form select option {
    color: var(--basic);
}

/* Style the selected file name */
.custom-file-upload input[type="file"]:not([disabled]):focus + .upload-icon,
.custom-file-upload input[type="file"]:not([disabled]):active + .upload-icon {
    border-color: #2d9cdb;
}

.account-edit-profile .personal-info-container .iti {
    width: 100% !important;
}
.account-edit-profile .personal-info-container .iti {
    width: 100% !important;
}

@media (max-width: 992px) {
    .account .data-holder {
        padding: 20px;
    }
    .account .account-edit-profile .personal-info-container h3 {
        font-size: 18px;
    }
    .account .account-edit-profile .personal-info-container .upload-icon {
        width: 85px;
        height: 85px;
    }
    .account .account-edit-profile .personal-info-container .upload-icon i {
        font-size: 20px;
    }
    .account .account-edit-profile .personal-info-container .upload-text {
        font-size: 16px;
    }
}
/* end account -> edit profile */

/* start account -> total withdrawal-methods */
.account .account-withdrawal-methods .withdrawal-container h3 {
    font-size: 28px;
}

.account .account-withdrawal-methods .items-holder {
    text-align: center;
}
.account .account-withdrawal-methods .line {
    position: relative;
    border-top: 1px solid var(--gray-1);
}

.account .account-withdrawal-methods .line:not(:last-child):after {
    content: "";
    position: absolute;
    height: 101%;
    width: 1px;
    right: -3%;
    top: -25%;
    background-color: var(--gray-1);
}
.account .account-withdrawal-methods .withdrawal-item {
    padding-bottom: 6px;
}
.account .account-withdrawal-methods .withdrawal-item h3 {
    font-size: 20px;
    margin-bottom: 0;
}
.account .account-withdrawal-methods .items-holder .data {
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0;
    line-height: 24px;
}
.account .account-withdrawal-methods .items-holder .delete-btn {
    cursor: pointer;
}
.account .account-withdrawal-methods .items-holder .delete-btn i {
    color: var(--error);
}
@media (max-width: 1400px) {
    .account .account-withdrawal-methods .withdrawal-container h3 {
        font-size: 26px;
    }
    .account .account-withdrawal-methods .withdrawal-item h3 {
        font-size: 18px;
    }
    .account .account-withdrawal-methods .items-holder .data {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .account .account-withdrawal-methods .withdrawal-item {
        border-bottom: 0;
        margin-left: 0;
        padding: 0;
    }
    .account .account-withdrawal-methods .headers {
        min-width: 200px;
        max-width: 300px;
    }

    .account .account-withdrawal-methods .withdrawal-item h3 {
        margin: 0;
        height: auto;
    }
    .account .account-withdrawal-methods .items-holder .data {
        line-height: 16px;
        padding-left: 20px;
        height: auto;
    }
    .account .account-withdrawal-methods .items-holder {
        text-align: left;
    }
    .account .account-withdrawal-methods .items-holder .col {
        margin: 0;
        display: flex;
        align-items: center;
        height: 70px;
        border-top: none;
    }

    .account .account-withdrawal-methods .line:not(:last-child):after {
        position: static;
        height: 0;
    }
    .account .account-withdrawal-methods .items-holder .col:last-child {
        padding-bottom: 0;
    }
    .account .account-withdrawal-methods .items-holder .col:not(:last-child) {
        border-bottom: 1px solid var(--gray-4);
    }
    .account .account-withdrawal-methods .headers .col {
        border-right: 1px solid var(--gray-4);
    }
    .account .account-withdrawal-methods .rows {
        min-width: 200px;
    }
    .account .account-withdrawal-methods .rows:not(:last-child) {
        border-right: 1px solid var(--gray-4);
    }
    .account .account-withdrawal-methods .data-container {
        max-width: 700px;
        overflow-y: auto;
    }

    /* scrollbar */
    .account .account-withdrawal-methods .data-container::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .account
        .account-withdrawal-methods
        .data-container::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .account
        .account-withdrawal-methods
        .data-container::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

    .account
        .account-withdrawal-methods
        .data-container::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 255, 255, 0.3);
    }
}
/* end account-withdrawal-methods */
/* ------------------------------------------------ */

/* successed and fail added-withdrawal */
.account .status .successed-bg,
.account .status .failed-added-withdrawal,
.account .loyalty-programs .warning-text {
    padding: 5px 20px;
}
.account .status .successed-bg {
    background-color: #58c41633;
}
.account .status .failed-added-withdrawal {
    background-color: #c416171a;
}
.account .status .successed-bg p,
.account .status .failed-added-withdrawal p,
.account .loyalty-programs .warning-text p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 992px) {
    .account .status .successed-bg p,
    .account .status .failed-added-withdrawal p,
    .account .loyalty-programs .warning-text p {
        font-size: 14px;
    }
}
/* end successed and fail added-withdrawal  */
/* ------------------------------------------------------- */

/* payments-log  */
.account .payments-log .payments-title,
.account .referral .profits-title {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--gray-3);
}
.account .payments-log .payments-title i {
    font-size: 22px;
    color: var(--gray-1);
}
.account .payments-log .payments-title h3 {
    font-size: 24px;
}

.account .payments-log .total-payments .title {
    font-size: 20px;
    margin-bottom: 0;
}
.account .payments-log .total-payments {
    display: flex;
}
/* sorting-side */
.account .payments-log .total-payments .sorting {
    display: flex;
}
.account .payments-log .total-payments .sorting select option {
    color: var(--basic);
}

.account .payments-log .total-payments .sorting .main-btn {
    padding: 5px 15px;
}
.account .payments-log .total-payments .sorting select {
    max-width: 150px;
}
@media (max-width: 1400px) {
    .account .payments-log .total-payments .title {
        font-size: 18px;
    }
    .account .payments-log .total-payments .sorting .main-btn {
        font-size: 16px;
    }
    .account .payments-log .total-payments .sorting select {
        max-width: 140px;
    }
}

@media (max-width: 1200px) {
    .account .payments-log .total-payments {
        display: block;
    }
    .account .payments-log .total-payments .sorting {
        display: block;
        margin-top: 8px;
    }
    .account .payments-log .total-payments .sorting select {
        display: inline-block;
        margin-right: 16px;
        margin-top: 3px;
    }
    .account .payments-log .total-payments .main-btn {
        margin-top: 22px;
    }
    .account .payments-log .total-payments .title {
        margin-bottom: 18px;
    }
    .account .payments-log .sorting .sorting-title {
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {
    .account .payments-log .payments-title i,
    .account .payments-log .payments-title h3 {
        font-size: 18px;
    }
}
/* end-payments-log */
/* ---------------------------------------------------- */

/* referral */
.account .referral .link-container p {
    font-size: 18px;
}
.account .referral .link-container .copy-link-input {
    color: var(--main-button-hover);
    background-color: var(--white);
}
.account .referral .link-container .main-btn {
    padding: 5px 18px;
}
.account .referral .profits-title h3 {
    font-size: 18px;
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .account .referral .link-container p {
        font-size: 18px;
    }
    .account .referral .link-container .main-btn {
        padding: 7px 18px;
    }
}
/* end-referral */
/* --------------------------------------------- */

/* loyalty programs */
.account .loyalty-programs .warning-text {
    background-color: #ffecb4;
}
.account .loyalty-programs .warning-text a {
    color: var(--main-color);
}
.account .loyalty-programs .warning-text a:hover {
    color: var(--main-button-hover);
}
.account form input[type="checkbox"] {
    padding: 7px;
    margin-top: 6px;
    cursor: pointer;

    color: var(--white);
}
.account form input[type="checkbox"]:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.account .loyalty-programs form label {
    margin-bottom: 0;
}
/* registered */
.account .loyalty-programs .points {
    font-size: 18px;
}

.account .loyalty-programs .client-wrapper {
    margin-top: 75px;
}

.account .loyalty-programs .client-wrapper ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.account .loyalty-programs .client-wrapper ul li {
    position: relative;
    padding: 6px 28px;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid var(--main-color);
    text-align: center;
}
.account .loyalty-programs .client-wrapper ul li span {
    position: absolute;
    top: -50%;
    font-size: 18px;
    min-width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--basic);
}
.account .loyalty-programs .client-wrapper ul li:first-child {
    color: var(--main-color);
}
.account .loyalty-programs .client-wrapper ul li:not(:first-child) {
    color: var(--white);
    background-color: var(--main-color);
}

.account .loyalty-programs .client-wrapper ul li:nth-child(2):before,
.account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
    content: "";
    position: absolute;
    background: var(--main-color);
    height: 2px;
    top: 50%;
    transform: translatey(-50%);
    width: 240px;
}

.account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
    left: -169%;
}

.account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
    right: -169%;
}
@media screen and (min-width: 1400px) and (max-width: 1440px) {
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before,
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        width: 237px;
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
        left: -162%;
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        right: -162%;
    }
}

@media (max-width: 1399px) {
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before,
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        width: 160px;
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
        left: -116%;
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        right: -115%;
    }
}

@media (max-width: 1200px) {
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
        left: -65%;
        width: 90px;
    }
}
@media (max-width: 992px) {
    .account form input[type="checkbox"] {
        padding: 5px;
    }
    .account .loyalty-programs form label {
        font-size: 12px;
    }
    .account .loyalty-programs .points {
        font-size: 12px;
    }
    .account .loyalty-programs .client-wrapper ul li span {
        font-size: 14px;
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
        width: 128px;
        left: -91%;
    }
    .account .loyalty-programs .client-wrapper {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .account .loyalty-programs .client-wrapper {
        margin-top: 0;
    }
    .account .loyalty-programs .client-wrapper ul {
        flex-direction: column;
        justify-content: center;
    }

    .account .loyalty-programs .client-wrapper ul li {
        min-width: 40%;
        margin: 45px auto;
        padding: 7px 12px;
        font-size: 16px;
        white-space: nowrap;
    }

    .account .loyalty-programs .client-wrapper ul li span {
        top: -37%;
    }

    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before,
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        height: 60px;
        width: 2px;
        left: 50%;
        transform: translatey(-50%);
    }
    .account .loyalty-programs .client-wrapper ul li:nth-child(2):before {
        top: -151%;
    }

    .account .loyalty-programs .client-wrapper ul li:nth-child(2):after {
        top: 190%;
    }
}

/* add-blog */
.account .add-blog .tox-statusbar,
.account .add-blog .tox .tox-promotion {
    display: none;
}

@media (max-width: 1200px) {
    .account .account-withdrawal-methods .items-holder button {
        margin-top: 5px;
    }
}
@media (max-width: 992px) {
    .account .account-withdrawal-methods .items-holder button {
        margin-top: 0;
    }
}

/* ---------------------------------------------- */
/* login */
.login .title-container h2 {
    font-size: 70px;
    margin-bottom: 7px;
}
.login .title-container p {
    font-size: 18px;
    color: var(--gray-1);
}
.login .login-form-container {
    border: 1px solid var(--main-color);
    border-radius: 20px;
    padding: 3% 9%;
    background-color: #fefefe66;
    max-width: 50%;
    margin: auto;
}
.login .login-form-container .remember-me {
    font-size: 14px;
    margin-top: 3px;
    font-weight: 400;
    cursor: pointer;
}
.login .login-form-container .forgot-password {
    font-size: 14px;
}
.login .login-form-container .forgot-password:hover {
    color: var(--gray-1);
}

.login .login-form-container .sign-up {
    color: var(--gray-1);
}

.sign-up .login-form-container {
    max-width: 80%;
}

.login .success-reset-pass img {
    height: 120px;
    margin-bottom: 25px;
}
.login .success-reset-pass h3 {
    font-size: 26px;
    margin-bottom: 15px;
}
.login .success-reset-pass p {
    color: var(--gray-1);
    font-size: 18px;
    font-weight: 500;
    padding: 0 20%;
}
.login .success-reset-pass .back-to-home {
    color: var(--main-color);
}
.login .success-reset-pass .back-to-home:hover {
    color: var(--gray-1);
}
@media (max-width: 1400px) {
    .login .title-container h2 {
        font-size: 54px;
    }
}
@media (max-width: 1200px) {
    .login .login-form-container {
        max-width: 65%;
    }
    .sign-up .login-form-container {
        max-width: 90%;
        padding: 3% 7%;
    }
    .login .success-reset-pass img {
        height: 90px;
        margin-bottom: 20px;
    }
    .login .success-reset-pass h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .login .success-reset-pass p {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .login .title-container h2 {
        font-size: 34px;
    }
    .login .title-container p {
        font-size: 14px;
    }

    .login .login-form-container {
        max-width: 80%;
        padding: 3% 7%;
    }
    .login .success-reset-pass img {
        height: 80px;
    }
    .login .success-reset-pass h3 {
        font-size: 20px;
    }
    .login .success-reset-pass p {
        font-size: 14px;
        padding: 0 6%;
    }
}

.account .add-blog .upload-container {
    position: relative;
    max-width: 200px; /* adjust as needed */
    height: 180px; /* adjust as needed */
    margin: auto;
}

.account .add-blog #image-upload {
    display: none;
}

.account .add-blog .upload-label {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px dashed #ccc;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    padding: 30% 3%;
    box-sizing: border-box;
}

.account .add-blog .upload-label img {
    width: 50px; /* adjust as needed */
    height: 50px; /* adjust as needed */
    margin-bottom: 10px;
}

.account .add-blog .upload-label span {
    display: block;
}

/* Optional: Style for when hovering over the upload area */
.account .add-blog .upload-label:hover {
    background-color: #f0f0f0;
}

@media (max-width: 992px) {
    .account .add-blog .upload-container {
        max-width: 180px;
        height: 160px;
    }
}
.data form {display: inline-block;}
.no-bg th, .no-bg td{background:none;}
.no-bg th:first-child ,.no-bg td:first-child{border-left: 0px;}
.no-bg th:last-child,.no-bg td:last-child{border-right: 0px;white-space: nowrap;}
#webinar-list{list-style: none;text-align: center;}
#webinar-list li{display: inline-block;margin: 0 20px;}
#webinar-list li i{color: var(--main-color) !important;}
.lecturer-container{margin: 80px auto;}
.lecturer figure{background: #fff;border-radius: 50%;width: 150px;height: 150px;overflow: hidden;margin: 10px auto;padding: 10px}
.lecturer figure img{border-radius: 50%;border: 2px solid #0095d0;min-height: 100%;min-width: 100%;}
.colorblue{color:#0095d0;margin: 40px auto;}
.lecturer .data h3{color:#0095d0;}
.lecturer .data h4{color:#b6b6b6;font-size: 18px;}
.lecturer .data p{color:#000}
#webinar-title{font-size: 40px;font-weight: 600;color:#0095d0;margin: 10px auto;text-align: center;}
#chapters{color:#0095d0;font-size: 18px;}
.course-lesson {
    background-color: var(--white);
    border-radius: 15px;
    padding: 40px 30px;
    margin-bottom: 80px;
    border: 1px solid #0095d0;
}
.course-lesson h4 i{margin-bottom: 0;}
.course-lesson h4 i{
    color:#fff;
    background: #0095d0;
    border-radius: 50%;
    font-size: 12px;
    padding: 12px 14px;
    text-align: center;
}
.m-l-20{margin-left:20px;}
.m-l-20 img{display: inline-block;}
.footer-menu-mobile{position: fixed;bottom: 0;background: var(--gray-5);width:100%;border-top:1px solid #fff;z-index: 9;}
.footer-menu-mobile ul{width:100%;list-style: none;display: flex;padding: 10px 0;margin: 0;justify-content: space-between;}
.footer-menu-mobile ul li{text-align: center; margin: 15px;}
.footer-menu-mobile ul li i{display: block;}
.footer-menu-mobile ul li a i{color:#0095d0;}
.tag_link{display: inline-block;}
.tag_link button{border:none;}
.tag_link button:hover{color:#0095d0;}
.number_container{position:relative;}
.number_container .number{z-index: 9;width: 100%;}
.number_container .number.one img{width:70px;margin-top: -25px;}
.number_container .number img{width:95px;margin-top: -25px;}
@media (max-width: 991px) {
    .number_container .number img{width:95px;margin-top: 0;}
}
.tv-overflow{overflow: hidden;}
.name{margin-left: 5px;}
#chatOverlay{position: fixed;right: 30px;bottom: 30px;z-index:100;}
#chatOverlayBtn{width:48px;height: 48px;}
/*#chatWidgetUser{display: none;position: fixed;bottom: 30px;right: 75px;z-index: 1000;}
#widgetChatContainer{height: 400px;overflow-y: auto;width: 400px;background: #fff;border-radius: 10px;}*/

.p-3{padding: 3%;}
.points-container {
    position: relative;
}
.pointsDesign{
    position: relative;
    padding: 6px 28px;
    font-weight: 500;
    font-size: 18px;
    color:var(--main-color);
    border: 1px solid var(--main-color);
    text-align: center;
    width:100%;
    margin-top: 20px;
}
.header {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
}

.header-points {
    font-size: 18px;
    color: #0095ff;
    border: 1px solid #0095ff;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
}

/* Remove the continuous line in points-container */
/* Individual lines for each level */
.level {
    display: flex;
    align-items: center;
    padding: 70px 10px 0 70px;
    position: relative;
    font-size: 16px;
}

/* Individual vertical line within each level */
.level:first-child {
    padding: 0px 10px 0 70px;
}

.level:first-child::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 50px;
    bottom: 0;
    width: 2px;
    background-color: #000;
}

.level::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #000;
}

.level .icon::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 82%; /* Center vertically in the .level container */
    width: 40px; /* Length of the horizontal line */
    height: 2px;
    background-color: #000;
    transform: translateY(-50%); /* Center the line vertically */
}
.level .icon {
    font-size: 24px;
    color: #0095ff;
}

.level .title {
    font-weight: bold;
    margin-left: 10px;
    color: #333;
}

.level .points {
    color: #0095ff;
    font-weight: bold;
    margin-left: auto;
}

/* Special marker for specific levels */
.level.special:before {
    background-color: transparent; /* Remove the line for this level */
}

.title.inactive {
    color: #888;
    font-weight: normal;
}

.exchange-btn {
    margin-left: 10px;
}

#blueCircle {
    position: absolute;
    top: 30px;
    left: 19px;
    z-index: 10;
    font-size: 26px;
    font-weight: bold;
}

#blueCircle span {
    width: 20px;
    height: 20px;
    background-color: var(--main-color);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}

.bubble {
    width: 20px;
    height: 20px;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    position: absolute;
    animation: bubble-animation 0.6s infinite ease-in-out alternate;
}

/* Position bubbles around the center */
.bubble:nth-child(1) { top: 0; left: 0%; animation-delay: 0s; transform: translate(-50%, -50%); }
.bubble:nth-child(2) { top: 0; left: 0%; animation-delay: 0.2s; transform: translate(-70%, -60%); }
.bubble:nth-child(3) { top: 0; left: 0%; animation-delay: 0.4s; transform: translate(-70%, -70%); }
.bubble:nth-child(4) { top: 0; left: 0%; animation-delay: 0.6s; transform: translate(-80%, -80%); }

/* Bubble animation */
@keyframes bubble-animation {
    from {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 0.3;
      transform: scale(1.5);
    }
}

/*.chatOverlayBtn{border-radius: 50%;width: 60px;height: 60px;font-size: 24px;color: #fff;}*/

.chat-toggle-btn {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.chat-toggle-btn:hover {
    transform: scale(1.1);
}

/* Chat Widget Styles */
.chat-widget {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 420px;
    max-width: 80%;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 1000;
    animation: chatOpen 0.4s ease-out;
}

.chat-header {
    background-color: #007bff;
    color: white;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.chat-close-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.chat-content {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
}

.mc-item {
    margin: 10px 0;
    padding: 10px;
    border-radius: 8px;
    background-color: #f1f1f1;
    width: 80%;
}

.mc-item.right {
    text-align: right;
    background-color: #d1ecf1;
    margin-left: 20%;
}

.chat-answer {
    display: inline-block;
    margin: 5px 0;
    padding: 8px 15px;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.chat-answer:hover {
    background-color: #0056b3;
}

/* Animations */
@keyframes chatOpen {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.copied {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050; /* Make sure it's above other content */
}
.typing {
    display: inline-block;
    font-size: 20px;
    width: auto;
}

.typing span {
    animation: typing 1s infinite;
}

@keyframes typing {
    0%, 20%, 60%, 100% {
        opacity: 0;
    }
    40%, 80% {
        opacity: 1;
    }
}
.back-to-main, .back{padding: 2px 7px;display: none;}

.withdrawal-sec-table {
  max-height: calc(10 * 50px); /* Adjust the height per row */
  overflow-y: auto; /* Adds vertical scroll */
  border: 1px solid #ccc; /* Optional: for styling */
}

.withdrawal-sec-table table {
  width: 100%;
  border-collapse: collapse;
}
#image-preview-container{
    position: absolute;
    top: 0;
    z-index: -1;
}
.cke_notifications_area{display: none;}
.m-r-5{margin-right: 5px;}