@media (max-width: 1699.98px) {
    .bg-banner-text-with-img .banner-content {
        /* max-width: 470px; */
    }
}

@media (max-width: 1399.98px) {
    .banner-content h1 {
        font-size: 40px;
    }
    .money .card-body {
        padding: 20px 25px;
    }

    .banner-text-with-img p,
    .bg-banner-text-with-img p {
        font-size: 18px;
        margin: 10px 0;
    }
    .blog-section .blog-background{
        margin-bottom: 65px;
    }

    .expiry-section h1.text-start {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;

    }
    .articleManagement .nav-pills{
        margin: 0px 45px;
        margin-right: auto;
    }
    /* .section-direction .img-section-direction::after{
        right: -17px !important;
    width: 578px !important;
    } */

}

@media (max-width : 1199.98px) {
    /* .section-direction .img-section-direction::after{
        right: -17px !important;
        width: 487px !important;
        left: -17px !important;
    } */
    h1::before{
        top: -5px;
    }

    .banner-text-with-img p, .bg-banner-text-with-img p{
        color: #FFFFFF;
        text-align: center;
    }

    .banner-text-with-img h5, .bg-banner-text-with-img h5{
        color: #FFFFFF;
        text-align: center;
    }

    .bg-banner-text-with-img{
        background: #1f3a87;
    }
    .articleManagement .nav-pills{
        margin: 0;
    }

    .blog-section .blog-background{
        margin-bottom: 15px;
    }
    .banner-content a {
        color: #fff;
    }
    .banner-text-with-img .banner-content {
        max-width: 470px;
    }

    .banner-text-with-img img {
        max-width: 100%;
        height: 100%;
    }

    .flex-col {
        align-items: center;
    }

    .nav-bottom .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 30px;
    }

    .banner-text-with-img p {
        font-size: 18px;
        margin: 10px 0;
    }

    .accounts-card-item-defualt {
        max-width: 100%;
    }

    .accounts-card-item ul li p {
        font-size: 12px;
    }

    .curve .list-style-icon {
        max-width: 100%;
    }

    .footer-top p {
        font-size: 12px;
        margin-bottom: 10px;
    }


    .footer-top .footer-contact-us a {
        font-size: 12px;
    }

    .footer-top h2 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .footer-top .branches {
        font-size: 14px;
    }

    .footer-top .address {
        font-size: 12px;
    }

    .footer-top .footer-contact-us img {
        margin-right: 8px;
    }

    .curve .list-style-icon p {
        font-size: 14px;
    }

    .bef-aft-image::before {
        top: 80px;
        left: 0;
    }

    .money .card-title {
        font-size: 24px;
    }

    .money h6 {
        font-size: 16px;
    }

    .money .card-text {
        font-size: 14px;
    }

    .label-select label,
    .label-select label span,
    .form-input .form-control {
        padding: 0 10px;
        font-size: 14px;
    }

    .input-group .select-custom~.select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 12px 0 10px !important;
    }

    /*    .bg-banner-text-with-img {
            background: url(../banner/bg_blue.png) no-repeat;
            background-size: cover;
            color: #FFFFFF;
            text-align: center;
        }*/

    .bg-banner-text-with-img .banner-content {
        max-width: 100%;
        position: relative;
        z-index: 1;
    }

    .bg-banner-text-with-img h1 {
        color: #FFFFFF;
        margin: auto;
    }

    .bg-banner-text-with-img .flex-item {
        justify-content: center;
    }

    .education .input-group{
        height: 61%;
    }

    /*    .education .input-group .select-custom.select ~ .select2-container
        .select2-selection--single .select2-selection__rendered{
            padding: 0 2px !important;
        }*/

    .education-placeholder,
    .education .select2-container--default .select2-selection--single
    .select2-selection__placeholder{
        font-size: 14px;
    }

    .section-direction:nth-of-type(even) .img-section-direction::after{
        width: 485px;
    }
    /* .section-direction .img-section-direction::after{
        width: 485px;
    } */
    h1.title{
        font-size: 35px;
    }
    .img-regulations::before{
        left: -40px;
    }
    .img-regulations::after{
        left: 10px;
    }

}


@media (max-width : 1023.98px) {


    .education .input-group{
        height: 88%;
    }
}

@media (max-width : 991px) {
    /* .section-direction .img-section-direction::after{
        width: 600px !important;
    } */

    .Category{
        padding: 50px 15px 10px;

    }
    .Category .Category__articles{
        columns:1
    }
    .contact-us h2{
        height: unset;
    }
    h1.title{
        font-size: 30px !important;
    }
    .position-download::after{
        background: url(../img_position/dote_white.svg) no-repeat left top !important;
        right: -25px !important;
        left: 25px !important;
        top: 30px !important;
    }
    .img-regulations::before{
        left: 0;
    }
    .img-regulations::after{
        left: 0;
    }
    .search-article{
        text-align: start;
    }
    .search-article input{
        max-width: 100%;
    }
    .direction-articl{
        flex-direction: column-reverse;
    }
    #slide-panel {
        width: 80%;
    }
}
@media (max-width : 991.98px) {
    .job-description p.p-lable{
        display: block;
    }

    .careers-lable{
        display: none !important;
    }

    .instrument-card{
        top: 45px;
    }

    .platforms .card-platforms:first-child .card::before{
        display: none;
    }

    .platforms .card-platforms:last-child .card::before    {
        display: none;
    }

    .expiry-section .col-12.flex-end{
        flex-direction: column-reverse;
    }

    .account-reg-steps .account-card .list-style-icon ul li{
        text-align: start;
    }

    .account-reg-steps .card-title h2{
        margin-bottom: 20px;
    }

    .section-table-river-chart {
        margin-top: 1rem;
    }


    .financial-calculators{
        display: none !important;
    }

    .mega-menu{
        left: 33px;
    }

    .commodity-title{
        left: unset;
    }
    .commodity-future{
        display: none;
    }

    .accordion-commodity-future{
        display: block;
    }

    .accordion-commodity-future .container::before{
        top: -50px !important;
        left: -10px !important;
    }
    .commodity-title{
        left: unset;
    }
    .blog-content{
        /* margin-left: 14px !important; */
        padding-left: 65px;
    }

    .blog-section .blog-background{
        margin-bottom: 0;
    }

    .blog-section .blog-read-time{
        padding-left: 50px;
    }

    .logo-chart.flex-center {
        justify-content: start;
    }
    .link-before::before {
        opacity: 0;
    }
    .link-yellow {
        margin-top: 10px !important;
    }

    .caption {
        margin-bottom: 0;
    }

    .bg-default h3 p {
        font-size: 23px;
    }

    .trades .text-black {
        padding-right: 10px;
    }

    .curve .list-style-icon p {
        font-size: 16px;
    }

    .logo-bars {
        width: 100%;
    }

    .nav-bottom .navbar {
        padding: 0;
    }

    .swiper-slide .title::before {
        left: 0;
    }

    .navbar-collapse {
        background: #1f3a87;
        /*        background: url('../banner/bg_blue.png') no-repeat;*/
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        padding: 20px 30px;
        z-index: 10;
        border-bottom-left-radius: 40px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

    }

    .navbar-collapse::before {
        background: url('../img_position/dote_yellow.svg') no-repeat bottom right;
        display: block;
        inset: auto;
        bottom: 40px;
        right: 40px;

    }

    .nav-bottom .nav-item {
        position: relative;

    }

    .nav-bottom .nav-item:hover .nav-link {
        color: #FBB800;
    }

    .nav-bottom .nav-item::before {
        content: '';
        position: absolute;
        width: 4px;
        height: 25px;
        left: -29px;
        top: 6px;
        background: transparent;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        transition: .3s ease;
    }

    .nav-bottom .nav-item:hover::before {
        background: #FBB800;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }

    .banner-text-with-img .flex-between {
        align-items: flex-start;
    }



    .regulations h2,
    .academy h2 {
        font-size: 30px;
    }

    .money .sub {
        font-size: 25px;
    }

    .banner-text-with-img p {
        font-size: 16px;
    }

    h5 {
        font-size: 18px;
    }

    .banner-text-with-img h5 {
        margin-bottom: 20px;
    }

    .banner-text-with-img p {
        margin: 15px 0;
        color: #FFFFFF;
    }

    .banner-text-with-img h1,
    .banner-text-with-img h5 {
        color: #FFFFFF;
    }

    .img-banner {
        overflow: hidden;
    }

    .img-banner img {
        max-width: initial;
    }

    .banner-text-with-img {
        background: url('../banner/bg_blue.png') no-repeat;
        background-size: cover;
        border-top-right-radius: 40px;
        /*        border-bottom-left-radius: 40px;*/
        overflow: hidden;
        min-height: auto;
        max-height: 100%;
    }

    /*    .banner-text-with-img h1,
    .banner-text-with-img p,
    .banner-text-with-img h5 {
        color: #fff;
    }*/

    .banner-content {
        padding-left: 20px;
    }

    .accounts-card-item-defualt li p:first-child {
        display: block;
        font-weight: 700;
    }

    .accounts-card-item ul li p {
        font-size: 14px;
    }

    .accounts-card-item-defualt.premium::after {
        background: none !important;
    }

    .accounts-card-item-defualt.prime::after {
        background: url('../img_position/dote_blue.svg') no-repeat top right;
        top: -50px;
        left: 30px;
        right: -30px;
    }

    .subtitle-blue {
        font-size: 25px;
    }

    .endless-benefits .title {
        max-width: 100%;
    }

    .list-style-icon ul li {
        font-size: 15px;

    }

    .border-b {
        border-bottom: 1px solid #cccccc45;
    }

    .transform-scale {
        transform: none;
    }

    .section-direction p {
        max-width: 100%;
    }

    .curve .card {
        min-height: 100%;
    }

    .list-style-icon p,
    p.text {
        font-size: 16px;
    }

    .trade-direction {
        padding: 55px 15px;
    }

    .trade-direction .img-section-direction {
        margin-top: 4.5rem;
    }

    .bg-blue-default p {
        font-size: 18px;
        max-width: 85%;
        margin-top: 0;
    }

    .img-title-text .xxx-col-title,
    .img-title-text .markets-number {
        font-size: 24px;
    }

    .bg-yellow .p-with-a,
    .bg-yellow .p-with-a a {
        font-size: 25px;
    }

    .gap-60 {
        gap: 30px;
    }

    /* .opportunities-direction:nth-of-type(even) {

        margin: 40px 0;
    } */

    .text-video h1 {
        max-width: 100%;
    }

    .text-video .subtitle {
        font-size: 16px;
    }



    .hint-under-title {
        font-size: 18px;
    }

    .bg-blue-default.img-title-text p {
        max-width: 100%;
    }

    .platforms .card-platforms:last-child .card::before {
        background-position: top left;
        left: -30px;
        top: -25px;
    }

    .img-with-text.experience-section .dotted-lines::before {
        top: -30px;
    }

    .download .img-download img {
        transform: translateY(10px);
    }

    #chart {
        background-color: #FFFFFF;
        position: relative;
        z-index: 1;
        margin-bottom: 4rem;
    }
    .person-for-quick {
        position: relative;
    }

    .education .input-group .select-custom.select ~ .select2-container
    .select2-selection--single .select2-selection__rendered {
        padding: 0 5px !important;
        font-size: 12px;
        inline-size: 55px;
        overflow: hidden;
    }

    .education-placeholder,
    .education .select2-container--default .select2-selection--single
    .select2-selection__placeholder{
        font-size: 14px;
    }

    .mega-nav-bar{
        display: none !important;
    }

    .accordion-nav-bar{
        display: block !important;
    }
    .navbar-nav{
        display: none !important;
    }
    .btn-blue{
        min-width: 128.54px;
    }

    .accordion-nav-bar .accordion-item
    .accordion-header a, .accordion-nav-bar a{
        padding-right: 0;
    }
}

@media (max-width : 767.98px) {


    .careers-modal .attached{
        top: 14px
    }
    /* .section-direction .img-section-direction::after{
        width: 100% !important;
        right: 0 !important;
        left: 0;
    } */
    .img-regulations::before{
        background: unset;
    }
    .img-regulations::after{
        background: unset;
    }
    .mega-menu{
        width: auto;
        max-height: 290px;
        left: 33px !important;
    }

    .writer-img-name{
        padding-right: 0 !important;
        gap: 28px;
    }

    .row .blog-content{
        padding: 0 0 0 38px !important;
        max-width: 100%;
    }

    .blog-date::after {
        content: '';
        height: 6px;
        width: 80px;
        position: absolute;
        left: 15px;
        top: 100px;
        background: #FBB800;
    }


    .blog-section .blog-date p{
        padding-left: 15px;
    }


    .blog-botton-text{
        justify-content: start !important;
        /* padding-left: 30px !important; */
    }

    .blog-section .blog-read-time{
        padding-left: 0 !important;
    }

    .blog-section .blog-button{
        padding-left: 0 !important;
    }
    .swiper-slide .title h1,
    .banner-content h1 {
        font-size: 35px;
        font-weight: 600;
        margin: auto;
    }

    .swiper-slide .subtitle {
        font-size: 18px;
    }


    .banner-text-with-img .flex-banner {
        flex-direction: column;
        gap: 40px 0;
    }

    .banner-text-with-img .banner-content {
        max-width: 100%;
        padding: 0 10px;
        text-align: center;
    }

    .banner-content .flex-item {
        justify-content: center;
    }

    .banner-content {
        margin-top: 4rem !important;
    }

    .bg-banner-text-with-img .banner-content {
        margin-top: 0 !important;
        padding: 30px 0;
    }

    .img-banner img {
        /* max-width: 100%; */
    }

    .accounts-card-item-defualt.prime::after {
        background: none;
    }

    .accounts-card-item-defualt.pro::after {
        background: url('../img_position/dote_blue.svg') no-repeat top right;
        top: -50px;
        left: 30px;
        right: -30px;
    }

    .striped-account:nth-of-type(odd)>* {
        background: none;
    }

    .striped-account>div:nth-of-type(odd)>* {
        background: rgb(49 101 185 / 20%);
    }

    .news .container::before {
        top: -90px;
    }

    .FAQ-secton .card-text,
    .FAQ-secton .list-style-icon {
        font-size: 14px;
    }

    .FAQ-secton .accordion-item {
        padding: 30px 0px;
    }

    .FAQ-secton .card-title {
        margin-left: 15px;
        font-size: 18px;
    }

    .FAQ-secton .card-text,
    .FAQ-secton .list-style-icon {
        margin-left: 30px;
    }

    .broker-Program-position::after,
    .broker-Program-position::before {
        left: 0;
    }

    .attached {
        border-left: 0;
    }

    .input-group.input-group-multi label {
        border-right: 0;
    }

    .input-file p {
        top: -25px;
        left: 5px;
    }

    .input-group {
        height: auto;
    }

    .input-group>* {
        border-right: 0 !important;
    }


    /* .input-group .select-custom~.select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 25px;
    } */
    .thank-you .card-text {
        font-size: 15px;
    }

    .thank-you h6 {
        font-size: 18px;
    }

    .attached {
        align-items: baseline;
    }

    .input-group.input-group-radio label:first-child {
        padding-bottom: 0;
    }

    .gifts .card {
        max-width: 380px;
        margin: auto;
    }

    .simple-steps h1 {
        margin-bottom: 20px !important;
    }

    .section-3-col .bef-aft-image::after {
        top: -50px;
    }

    .img-with-text.experience-section .dotted-lines::before,
    .academy-position::before {
        top: -30px;
    }

    .download .title {
        padding-bottom: 30px;
    }

    /* .bef-aft-image::after {
        top: 50px;
    } */
    .img-title-text .flex-center {
        display: inline-grid;
        grid-template-columns: 70px 50%;
        width: 200px;
    }
    .label-select, .label-select label {
        min-width: 80px;
    }

    .education .input-group {
        height: 100%;
    }

    .education .input-group .select-custom.select ~ .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 12px !important;
        font-size: 1rem;
        inline-size: unset;
        overflow: unset;
    }

    .education .input-group .select2-container--default
    .select2-selection--single .select2-selection__arrow{
        height: 98%;
    }

    .education .card{
        margin:  10px 20px 10px 20px;
    }

    .account-reg-steps .account-card{
        display: block;
    }

    .account-reg-steps .card-side-img{
        display: flex;
        justify-content: center;
        padding-top: 25px;
        padding-left: 0;
    }

    .account-reg-steps .card-body{
        text-align: center;
    }

    /*    .account-card p.list-style-icon::before {
            left: -150px;
            padding-right: 40px;
        }*/

    .account-card.first-step::before{
        left: 45%;
    }

    .account-card.second-setp::before{
        left: 45%;
    }

    .account-card.third-step::before{
        left: 45%;
    }

    .account-card.fourth-step::before{
        left: 45%;
    }

    .account-card.fifth-step::before{
        left: 45%;
    }

    .section-yellow::before{
        left: -30px;
    }
    .bef-aft-image::before {
        background: unset !important;
    }
    .bef-aft-image::after {
        background: unset !important;
    }
    .section-yellow::after{
        background: unset !important;
    }
    .section-yellow::before{
        background: unset !important;
    }
}

@media (max-width : 576.98px) {
    .careers-modal .input-group.input-group-radio label{
        font-size: 12px;
    }
    .job-description p.p-lable{
        font-size: 14px;
    }

    .career-tabs .nav-link h2{
        font-size: 22px;
    }

    .career-tabs .nav-link p{
        font-size: 14px;
    }

    .career-tabs .nav-link p span{
        font-size: 14px;
    }

    .job-description h2{
        font-size: 34px;
    }

    .job-description .job-time{
        font-size: 14px;
    }

    .job-description h4{
        font-size: 20px;
    }

    .job-description p{
        font-size: 14px;
    }

    .money-icon-position::before{
        display: none;
    }

    .money-icon-position::after{
        display: none;
    }

    .platforms .card-platforms:first-child .card::after{
        display: none;
    }

    .platforms .card-platforms:last-child .card::after{
        display: none;
    }

    .MetaTrader .img-MetaTrader::before{
        display: none;
    }

    .MetaTrader .img-MetaTrader::after{
        display: none;
    }

    .dotted-lines::before{
        left: 0 !important;
    }

    .dotted-lines::after{
        left: 0 !important;
    }

    .instrument-card::before{
        left: 10px;
    }

    .opportunities-position::before{
        left: 0;
    }

    .opportunities-position::after{
        left: 0;
    }

    .dote-square-orange{
        left: 0;
    }

    .img-banner{
        webkit-clip-path: unset;
        clip-path: unset;
    }

    .img-banner::before{
        display: none;
    }

    .img-banner-absolute img{
        min-height: unset;
    }

    .section-yellow::before{
        left: unset;
        top: 38px;
    }

    .bg-yellow .p-with-a, .bg-yellow .p-with-a a{
        font-size: 20px;
    }

    .bef-aft-image::before {
        left: -10px;
    }

    .img-banner-absolute {
        position: relative !important;
    }

    .trades .text-black::before {
        top: -5px;
        left: 5px;
    }

    .unlock {
        font-size: 12px;
        padding: 15px 10px;
    }

    .agreements p {
        font-size: 18px;
        margin-left: 10px;
    }

    .position-download::after {
        top: -20px;
    }

    .academy .btn,
    .academy .course {
        max-width: 100%;
        margin-left: 0;
    }

    .label-select label,
    .input-group.input-group-multi label {
        border-right: 0;
    }

    .input-group.input-group-radio label span {
        border-left: 0;
    }

    h1 {
        line-height: 1;
    }

    .banner-with-btn h3 {
        font-size: 30px
    }

    .banner-with-btn p {
        font-size: 18px;
    }

    .bg-default .demo a {
        font-size: 16px;
    }

    .bg-banner-text-with-img .container {
        padding: 0;
    }

    .bg-banner-text-with-img .container .banner-content {
        padding: 15px;
    }

    .bg-banner-text-with-img .banner-content {
        margin-top: 4rem !important;
    }

    .banner-text-with-img p, .bg-banner-text-with-img p {
        max-height: 100%;
        display: inline-block;
        text-align: start;
    }

    .banner-text-with-img h5, .bg-banner-text-with-img h5{
        text-align: start;
    }

    .img-banner img {
        max-width: 100%;
    }

    .education .cards-title{
        font-size: 18px;
    }

    .account-reg-steps .account-card p.list-style-icon{
        margin-left: 0;
    }

    .account-reg-steps .card-text p.hint{
        margin-left: 0;
    }

    .education-banner .img-banner-absolute{
        display: none !important;
    }


}

@media (max-width:400px) {
    .careers-modal .tab-content .tab-pane{
        padding: 10px;
    }
    .career-tabs .nav-link p{
        font-size: 12px;
    }
    .career-tabs .nav-link h2{
        font-size: 16px;
    }
    .careers-modal .attached{
        right: -18px;
    }

    .job-description p.p-lable{
        font-size: 12px;
    }

    .bg-banner-text-with-img {
        font-size: 14px;
    }

    .instrument {
        text-align: center;
    }

    .label-select {
        flex-wrap: wrap;
    }

    .bg-blue-default p {
        font-size: 16px;
        max-width: 85%;
        margin-top: 0;
    }

    .special-info-background p {
        max-width: 100%;
    }

    .img-instrument {
        margin-top: 15px;
    }

    /*    .account-card p.list-style-icon::before {
            left: -85px;
            padding-right: 40px;
        }*/

    .account-reg-steps .card-text p{
        font-size: 12px;
    }

    .account-reg-steps .card-title h2{
        font-size: 15px;
    }

    .account-card.first-step::before{
        left: 42%;
    }

    .account-card.second-setp::before{
        left: 42%;
    }

    .account-card.third-step::before{
        left: 42%;
    }

    .account-card.fourth-step::before{
        left: 42%;
    }

    .account-card.fifth-step::before{
        left: 42%;
    }
}

@media (max-width : 767.98px) {


    .mega-menu h6{
        font-size: 14px;
    }

    .mega-menu a{
        font-size: 12px;
    }

    .expiry-btn a{
        margin-bottom: 8px;
    }

    .grey-btn{
        margin-left: 0;
    }

    .account-reg-steps .account-card .list-style-icon{
        margin-left: 0;
    }

}

@media (max-width:400px){
    .mega-menu h6{
        font-size: 12px;
    }

    .mega-menu a{
        font-size: 10px;
    }

}