/* @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap'); */


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #303344;
    font-family: 'Ubuntu', sans-serif;
}
body{
    max-width: 1440px;
    margin: 0 auto;
}
input{
    outline:none;
}


.mxd .dropbtn {
    border: none;
}
  
.mxd .dropdownn {
    position: relative;
    display: inline-block;
}
  
.mxd .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 15675098765567864665;
}
  
.mxd .dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}
  
.mxd .dropdown-content a:hover {background-color: #ddd;}
  
.mxd .dropdownn:hover .dropdown-content {display: block;}
  
  

.Toast{
    max-width: 600px;
    margin: 0 auto;
    border-left: 4px solid #bef2b9;
    border-radius: 6px;
    padding: 10px 20px ;
    background-color: #f1fef1;
    min-height: 75px;
    animation: toast 0.5s linear 1 forwards;
    position: absolute;
    right: 0;
    left: 0;
}
.Toast.active{
    animation: toast2 0.5s linear 1 forwards;
    position: absolute;
    right: 0;
    left: 0;
}
.err.Toast{
    background-color: #F8D7DA;
    border-left: 4px solid #f77c86;
}
@keyframes toast2 {
    100%{
        transform: translateY(5px);
    }
    80%{
        transform: translateY(10px);
    }
    60%{
        transform: translateY(15px);
    }
    40%{
        transform: translateY(20px);
    }
    20%{
        transform: translateY(25px);
    }
    0%{
        transform: translateY(30px);
    }
}
@keyframes toast {
    0%{
        transform: translateY(5px);
    }
    20%{
        transform: translateY(10px);
    }
    40%{
        transform: translateY(15px);
    }
    60%{
        transform: translateY(20px);
    }
    80%{
        transform: translateY(25px);
    }
    100%{
        transform: translateY(30px);
    }
}

.su-booking{
    font-size: 16px;
    font-weight: 600;
    color: #163c29;
}
.sub-booking{
    font-size: 14px;
    font-weight: 400;
    color: #163c29;
}
.err .su-booking{
    color: #493032;
}
.err .sub-booking{
    color: #493032;
}
.toast-container{
    padding: 0 10px;
    position: relative;
    z-index: 1000;
}

.font_12{
    font-size: 12px;
    margin-left: 10px;
}
img{
    max-width: 100%;
}
.login_btnNav{
    background-color: #303344;
    color: #fff;
    font-size: 14px;
    padding: 9px 30px;
    border-radius: 5px;
    /* font-weight: 500; */
}
.bg_brown{
    background-color: #CAC3CA;
    border: 2px solid #C3B9C1;
    border-radius: 15px;
}
.Nav{
    background-color: #CAC3CA;
    border-bottom: 2px solid #C3B9C1;
    display: flex;
    border-radius: 15px 15px 0 0;
    position: relative;
}
.Nav.otherpages{
    border-radius: 0;
}
.nv_container{
    padding: 15px 25px;
}

.landingContainer{
    margin: 15px;
    border-radius: 15px;
}
.st_color{
    color: #4E525E;
}
.nav_br{
    border-right: 2px solid #C3B9C1;
}
.nav_bl{
    border-left: 2px solid #C3B9C1;
}
.nav_bb{
    border-bottom: 2px solid #C3B9C1;
}
.under_nav{
    display: flex;
    height: 100%;
}
.creator{
    margin: auto 0;
}
.trusted{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 50px 100px 200px 100px;
    position: relative;
}
.NavSignUpSection{
    background-color: #E7E5EA;
    border-radius: 15px;
    transform-origin: top left;
    transform: rotate(5deg);
    transition: transform 2s;
    position: relative;
    z-index: 2;
}

.NavSignContainer{
    margin-left: auto;
    max-width: 320px;
    width: 100%;
    background-color: #B4A8B6;
    border-radius: 15px;
    position: relative;
    height: 100%;
}
.dashed_container{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='5' stroke-dasharray='21' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    color: #A493A9;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}
.navLogHeader{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.ssm{
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #8C8F96;
    text-align: center;
}
.ssm.active{
    border-bottom: 2px solid #303344;
    color: #303344 !important;
}
.nav_Form{
    padding: 20px;
}
.form_List{
    display: grid;
    grid-template-columns: 2fr 9fr;
    
}
.form_List .bg-white{
    height: 45px;
    border-radius: 0 3px 3px 0;
}
.form_List .bg-white input,
.form_List select.bg-white{
    height: 100%;
    width: 100%;
    border: none;
    padding-left: 15px;
    border-left: 2px solid #E8E4E8;
    border-radius: 0 3px 3px 0 ;

}

.form_List .bg-white.w-100{
    border-radius: 3px 0 0 3px !important;
}
.nav_submit_btn{
    padding: 12px 10px;
    color: #fff;
    background-color: #3D404F;
    border: none;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}
.st_color2{
    color: #3D404F;
}
.big_bb{
    border-bottom: 1px solid #3D404F;
}

.NavSignUpSection:hover{
    transform-origin: top left;
    transform: rotate(0deg);
    transition: transform .5s;
}
.Charts_container{
    max-width: 1150px;
    width: 100%;
    background-color: rgb(255,255,255,.7);
    margin-top: -120px ;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
}
.mk_trendPad{
    padding: 35px;
}
.btn_on_chat{
    background-color: #303344;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
}
.btn_on_chata{
    background-color: #CCC5CC;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #393E4C;
    border-radius: 4px;
}
.left_auto.mk_trendPad a{
    margin: auto 10px;
    display: inline-block;
}
.tv-embed-widget-wrapper__body {
    border: none !important;
}

.trade_frame iframe{
    min-height: 450px;
}
.trade_framex2 iframe{
    min-height: 450px;
}
.landing_Btn_container a{
    background-color: #3D404F;
    border-radius: 4px ;
    padding: 10px;
    text-align: center;
    max-width: 220px;
    width: 100%;
    color: #fff;
    display: inline-block;
}
.landing_Btn_container{
    padding-top: 50px;
}
.mian{
    padding-top: 40px;
    position: relative;
    z-index: 30;
}
.smallBar{
    position: absolute;
    width: 26.5px;
    height: 85px;

    background-color: #C1BAC4;
    border: 2px solid #BAB0BD;
    z-index: 10;
}
.mediumBar{
    position: absolute;
    width: 26.5px;
    height: 160px;

    background-color: #C1BAC4;
    border: 2px solid #BAB0BD;
    z-index: 10;
}

.bigBar{
    position: absolute;
    width: 26.5px;
    height: 240px;

    background-color: #C1BAC4;
    border: 2px solid #BAB0BD;
    z-index: 10;
}
.mediumBar.ii{
    bottom: 90px;
    left: 2%;
    animation: bar 3s linear 1s infinite alternate
}


.smallBar.i{
    bottom: 50px;
    left: 6.5%;
    animation: bar2 3s linear 1.5s infinite alternate

}

.smallBar.iii{
    bottom: 85px;
    left: 11%;
    animation: bar3 2s linear .5s infinite alternate

}
.relativez{
    position: relative;
    z-index: 20;
}
.smallBar.iv{
    bottom: 150px;
    left: 15.5%;
    animation: bar4 2.5s linear .3s infinite alternate

}
.mediumBar.v{
    bottom: 190px;
    left: 20%;
    animation: bar5 3.5s linear .3s infinite alternate

}
.bigBar.vi{
    bottom: 140px;
    left: 24.5%;
    animation: bar6 2.5s linear .3s infinite alternate
}
.smallBar.ii{
    bottom: 340px;
    left: 29%;
    animation: bar7 2s linear .3s infinite alternate
}
.mediumBar.i{
    bottom: 300px;
    left: 33.5%;
    animation: bar8 2.3s linear .3s infinite alternate
}

.smallBar.v{
    bottom: 320px;
    left: 38%;
    animation: bar9 3s linear .3s infinite alternate
}

.mediumBar.iii{
    bottom: 200px;
    left: 42.5%;
    animation: bar10 3s linear .3s infinite alternate

}

.smallBar.vi{
    bottom: 150px;
    left: 47%;
    animation: bar4 2.5s linear .3s infinite alternate

}

.bigBar.i{
    bottom: 200px;
    left: 51.5%;
    animation: bar10 3s linear .3s infinite alternate

}
@keyframes bar {
    100%{
        bottom: 105px;
    }
}
@keyframes bar2 {
    100%{
        bottom: 75px;
    }
}
@keyframes bar3 {
    100%{
        bottom: 90px;
    }
}
@keyframes bar4 {
    100%{
        bottom: 175px;
    }
}
@keyframes bar5 {
    100%{
        bottom: 205px;
    }
}
@keyframes bar6 {
    100%{
        bottom: 160px;
    }
}
@keyframes bar7 {
    100%{
        bottom: 320px;
    }
}
@keyframes bar8 {
    100%{
        bottom: 315px;
    }
}
@keyframes bar9 {
    100%{
        bottom: 340px;
    }
}
@keyframes bar10 {
    100%{
        bottom: 215px;
    }
}

/*  */


.mediumBar.iix{
    bottom: 90px;
    left: 56%;
    animation: bar 3s linear 1s infinite alternate
}

.smallBar.ix{
    bottom: 50px;
    left: 60.5%;
    animation: bar2 3s linear 1.5s infinite alternate

}

.smallBar.iiix{
    bottom: 85px;
    left: 65%;
    animation: bar3 2s linear .5s infinite alternate

}
.smallBar.ivx{
    bottom: 150px;
    left: 69.5%;
    animation: bar4 2.5s linear .3s infinite alternate

}
.mediumBar.vx{
    bottom: 190px;
    left: 74%;
    animation: bar5 3.5s linear .3s infinite alternate

}
.bigBar.vix{
    bottom: 140px;
    left: 78.5%;
    animation: bar6 2.5s linear .3s infinite alternate

}
.smallBar.iix{
    bottom: 340px;
    left: 83%;
    animation: bar7 2s linear .3s infinite alternate
}
.mediumBar.ix{
    bottom: 300px;
    left: 87.5%;
    animation: bar8 2.3s linear .3s infinite alternate
}

.smallBar.vx{
    bottom: 320px;
    left: 92%;
    animation: bar9 3s linear .3s infinite alternate

}

.mediumBar.iiix{
    bottom: 200px;
    left: 96.5%;
    animation: bar10 3s linear .3s infinite alternate

}
.about_us_container{
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.generalContainer{
    width: 100%;
    margin: 0 auto;
    max-width: 1165px;
    padding-top: 150px;
}
.generalContainer2{
    width: 100%;
    margin: 0 auto;
    max-width: 900px;
    padding-top: 70px;
}
.generalContainer3{
    width: 100%;
    margin: 0 auto;
    max-width: 1165px;
    padding: 50px 0;
}
.generalContainer4{
    width: 100%;
    margin: 0 auto;
    max-width: 730px;
    padding: 150px 0;
}
.captain{
    display: inline-block;
    margin: 0 auto;
    background-color: #E7E5EA;
    padding: 4px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
}

.aboutMx{
    padding: 50px 40px 0 40px;
}
.chooseUs{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.why_choose i{
    color: #FE966C;
    font-size: 55px;
}

.why_choose{
    max-width: 200px;
    border-radius: 15px;
    width: 100%;
    position: relative;
    padding: 40px 10px 30px 10px;
}
.why_choose img{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    border-radius: 15px;

}
.why_choose:hover .pt_1{
    color: #fff;
}
.why_choose:hover img{
    display: block;
}

.alt_bg{
    background-color: #1D2330;
    padding: 50px 20px;
    margin-top: 100px;
}
.chaT_container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
}

.coin_con{
    max-height: 450px;
    height: 100%;
}
.coin_conx iframe{
    max-height: 450px;
    height: 100%;
}
.priceNplan{
    max-width: 900px;
    margin: 0 auto;
    padding-top: 120px;
}
.plansContainerFt img{
    max-width: 100px;
}
.plansContainerFt{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.plansContainerFt .shadow{
    margin: 15px;
    border-radius: 15px;
    padding: 15px;
    border-top: 6px solid #FE966C;
    border-bottom: 6px solid #FE966C;
    max-width: 100%;
}
.priceTag{
    padding: 20px 10px 15px 10px;
    text-align: center;
    max-width: 180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #f1f1f1;
}
.priceTagBtn{
    border: 1px solid #C1BAC4;
    border-radius: 20px;
    padding: 9px 30px;
    color: #303344;
}
.plansContainerFt .shadow:hover{
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;

}

.stepimgContainer{
    background-color: #FFF6F1;
    padding: 25px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    /* margin: 10px; */

}
.paddStep{
    padding: 20px;
}
.stepcontainer{
    padding: 30px 0;
    border-bottom: 2px solid #FE966C;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
}

.mianx{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 40px;
}
.TradersContainer{
    position: relative;
}
.bgVg1{
    position: absolute;
    top: 0;
}
.tradersContent{
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
}
.traderBold{
    border-radius: 100%;
    border: 4px solid #FE966C;
    padding: 20px;
    display: inline-block;
}
.traderBold img{
    width: 150px;
    height: 150px;
    border-radius: 100%;
}
.st_color4{
    color: #FE966C;
}
.stImgTraders{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    top: 30px;
    z-index: 10;
    left: 40px;
    
}

.stImgTraders2{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 130px;
    
}


.stImgTraders3{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    top: 30px;
    z-index: 10;
    right: 130px;
    
}

.stImgTraders4{
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10;
    right: 40px;
}
.circler1{
    height: 90px;
    width: 90px;
    border: 2px solid #cdcacf;
    border-radius: 100%;
    position: absolute;
    bottom: -40px;
    z-index: 9;
    left: 160px;
}
.circler2{
    height: 17px;
    width: 17px;
    border-radius: 100%;
    background-color: #8384F0;
    position: absolute;
    top: -100px;
    z-index: 9;
    left: 15%;
}
.circler3{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #FE966C;
    position: absolute;
    bottom: 200px;
    z-index: 9;
    left: 20%;
}
.circler4{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #FE966C;
    position: absolute;
    top: -50px;
    z-index: 9;
    right: 25%;
}
.circler5{
    height: 17px;
    width: 17px;
    border-radius: 100%;
    background-color: #8384F0;
    position: absolute;
    bottom: 250px;
    z-index: 9;
    right: 11%;
}

.bgVg2{
    position: absolute;
    top: -500px;
}
.couterDetail{
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1000px;
    width: 100%;
    background-color: #FE966C;
    /* background-color: #3D404F; */
    border-radius: 100px;
    padding: 30px 45px;
}
.couterDetails{
    padding: 200px 10px 0 10px;
}
.bgz_newsletter{
    background-color: #3D404F;
    margin-top: 100px;
    padding-bottom: 70px;
}

.newsLter{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 40px 0;
}
.newsLetterFormCotainer{
    background-color: #fff;
    padding: 4px;
    border-radius: 40px;
    height: 55px;
    display: flex;
    margin-top: 30px;
}
.newsLetterFormCotainer input{
    width: 65%;
    height: 100%;
    background-color: #fff;
    border: none;
    border-radius: 38px;
    padding: 0 10px;
}
.newsLetterBTn{
    height: 100%;
    width: 35%;
    background-color: #3D404F;
    border-radius: 38px;
    display: flex;
    font-size: 14px;
}
.newsLetterBTn span{
    display: inline-block;
    margin: auto;
    color: #FFF;
    font-weight: 500;
}
.newletterLeft{
    padding-left: 60px;
}
footer{
    background-color: #323545;
}
.footer{
    padding: 100px 20px 30px 20px;
    max-width: 1150px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.copywrite{
    background-color: #2f3345;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 30px 20px;
}

.carousel-indicators li{
    border-top: none !important;
    border-bottom: none !important;
    background-color: #FE966C;
    border-radius: 100% !important;
    height: 7px;
    width: 7px;
    position: relative;
    z-index: 1000;

}
.carousel-indicators{
    z-index: 100;
}

.priceTagBtn:hover{
    color: #fff;
    background-color: #FE966C;
    border: 1px solid #FE966C;
}
.comajsh{
    padding: 150px 20px 0 20px;
}
.trade_framex .tradingview-widget-container iframe{
    min-height: 400px;
    width: 100% !important;
}

/* drop-down hover */

.dropdown {
    position: relative;
    display: inline-block;
    height: 100% !important;
}
  
.dropdown-content {
    display: none;
    position: absolute;
    
    z-index: 78967;
}
.dropdown_content{
    background-color: #fff;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    z-index: 1;
    min-width: 660px;
    margin-top: 15px;
    border-radius: 10px;
    /* padding: 20px; */
}
  
.dropdown-content a {
    text-decoration: none;
    display: block;
}
  
.dropdown-content a:hover {
    background-color: #ddd;
    border-radius: 5px;
}
  
.dropdown:hover .dropdown-content {display: block;}

.collapse samp:hover{
    background-color: #1D2330;
}
.permanent_grid{
    display: grid;
    grid-template-columns: 50% 50%;
}

.grid_container_pro{
    padding: 20px;
}

.grid_container_pro .mt-3 .pointer{
    padding-left: 10px;
}

.fact_grid{
    display: grid;
    grid-template-columns: 13% 87%;
    padding: 0 5px;
    color: #212529;
}
#breadcrumb{
    display: none;
}
.classicFooter{
    display: none;
}
.bread_crumbs{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 292989234;
    display: none;
}
.drop_down_container{
    padding: 0 0 50px 0;
    animation: dropDown 0.3s forwards ;
    position: relative;
    background-color: #fff;
    padding: 10px;
    margin: 5px;
    border-radius: 10px;
    height: 100%;
}
.fa-xmark{
    font-size: 22px;
    margin-left: auto;
}
.flex.ted{
    padding: 25px;
}
.navBarSmContainer{
    height: 85vh;
    overflow: auto;
}


.email_Figures{
    max-width: 500px;
    margin: 30px auto;
    background-color: #FDFEFF;
    border-radius: 15px;   
}
.ssdc img{
    max-width: 400px;
}

.confirm_EmailBtn{
    text-align: center;
    padding: 10px;
    background-color: #4E9EFF;
    color: #fff;
    max-width: 250px;
    font-weight: 300;
    width: 100%;
    display: inline-block;
    border-radius: 10px;
}

@keyframes dropDown {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(0%);
    }
}
@media (max-width:1300px) {
    .nav_bl.smpt{
        display: none;
    }
    .trusted{
        overflow: hidden;
    }
}

@media (max-width: 1055px) {
    .navsmtp{
        display: none;
    }
    .autoInnav{
        position: absolute;
        right: 0;
        height: 100%;
    }
    .autoInnav2{
        padding-right: 200px;
    }
}
@media (max-width: 930px) {
    .trusted{
        padding: 50px 30px 200px 30px;
    }
    .generalContainer2{
        padding: 50px 20px 0 20px;

    }
    .priceNplan{
        padding: 100px 20px 0 20px;
    }
}
@media (max-width:839px) {
    .why_choose{
        margin-top: 50px;
    }
    .footer{
        padding: 70px 20px 30px 20px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px;
    }
    .footer .ftxd{
        padding-right: 0;
    }
    
}
@media (max-width: 809px) {
    .dropdown_content.permanent_grid{
        grid-template-columns: 100%;
    }
    .dropdown_content{
        min-width: 330px;
    }
    .grid_container_pro.xc{
        padding: 0 20px 20px 20px;
    }
    .grid_container_pro.xd{
        padding: 20px 20px 0 20px;
    }
    .Charts_container .font_32{
        font-size: 25px;
    }
}
@media (max-width: 799px) {
    .accountFormHome{
        display: none;
    }
    .trusted{
        display: block;
    }
    .mian div{
        text-align: center;
    }
    .mian .pr_2{
        padding-right: 0;
    }
    .btn_on_chata.iii{
        display: none !important;
    }
}
@media (max-width: 740px) {
    .couterDetails img{
        display: none;
    }
    .couterDetails{
        padding: 100px 10px 0 10px;
    }
    .mianx{
        padding: 0 40px;
    }
    .generalContainer{
        padding: 100px 10px 0 10px;
    }
    .aboutMx{
        padding: 50px 10px 0 10px;
    }
    .about_us_container{
        display: block;
    }
    .about_us_container .appleblob{
        text-align: center;
    }
    .aboutMx .pt_2,.aboutMx .landing_Btn_container{
        text-align: center;
    }
    .chaT_container{
        display: block;
    }
    .plansContainerFt{
        grid-template-columns: 1fr 1fr;
    }
    .stImgTraders,.stImgTraders2,
    .stImgTraders3,.stImgTraders4{
        display: none;
    }
}
@media (max-width: 650px) {
    .newsLter{
        display: block;
    }
    .newletterLeft{
        padding: 80px 40px 0 40px ;
    }
    .comajsh{
        padding: 70px 10px 0 10px;
    }
}
@media (max-width: 630px) {
    .smBarContentMedia{
        display: none;
    }
    .mediumBar.ii{
        bottom: 90px;
        left: 2%;
        animation: bar 3s linear 1s infinite alternate
    }
    
    
    .smallBar.i{
        bottom: 50px;
        left: 11%;
        animation: bar2 3s linear 1.5s infinite alternate
    
    }
    
    .smallBar.iii{
        bottom: 85px;
        left: 20%;
        animation: bar3 2s linear .5s infinite alternate
    
    }
    
    .smallBar.iv{
        bottom: 150px;
        left: 29%;
        animation: bar4 2.5s linear .3s infinite alternate
    
    }
    .mediumBar.v{
        bottom: 190px;
        left: 38%;
        animation: bar5 3.5s linear .3s infinite alternate
    
    }
    .bigBar.vi{
        bottom: 140px;
        left: 42.5%;
        animation: bar6 2.5s linear .3s infinite alternate
    }
    .smallBar.ii{
        bottom: 340px;
        left: 47%;
        animation: bar7 2s linear .3s infinite alternate
    }
    .mediumBar.i{
        bottom: 300px;
        left: 56%;
        animation: bar8 2.3s linear .3s infinite alternate
    }
    
    .smallBar.v{
        bottom: 320px;
        left: 65%;
        animation: bar9 3s linear .3s infinite alternate
    }
    
    .mediumBar.iii{
        bottom: 200px;
        left: 74%;
        animation: bar10 3s linear .3s infinite alternate
    
    }
    
    .smallBar.vi{
        bottom: 150px;
        left: 83%;
        animation: bar4 2.5s linear .3s infinite alternate
    
    }
    .bigBar.i{
        bottom: 50px;
        left: 92%;
        animation: bar2 5s linear .3s infinite alternate
    
    }
    
}
@media (max-width: 600px) {
    .footer{
        grid-template-columns: 1fr 1fr;
    }
    .carousel-inner .font_16{
        margin: 0 20px;
    }
    .autoInnav{
        display: none;
    }
    .autoInnav2{
        display: none;
    }
    .BreadCrumbs{
        display: none;
    }
    .nav_br.LOGO{
        border: none;
    }
    .LOGO .font_24{
        font-size: 16px;
    }
    .nv_container{
        padding: 10px 15px;
    }
    
    #breadcrumb{
        display: block;
    }
    #breadcrumb i{
        font-size: 18px;
    }
    .btn_on_chata.ii,.btn_on_chat.i{
        display: none !important;
    }
    .Charts_container .font_32{
        font-size: 23px;
    }
    .llx{text-align: center;}
    .flex.xdllx{
        display: block;
    }
    .mk_trendPad.xi{
        padding: 10px;
    }
    .mianx{
        grid-template-columns: 1fr 1fr;
    }
    .couterDetails .font_34{
        font-size: 20px !important;
    }
    .couterDetails .text-white{
        font-size: 12px;
    }
}
@media (max-width:500px) {
    .priceNplan{
        padding: 70px 0 0 0;
    }
    .couterDetails .font_34{
        font-size: 14px !important;
    }
    .couterDetails .text-white{
        font-size: 10px;
    }
    .copywrite{
        display: block;
        padding: 15px 20px;
    }
    .copywrite .center{
        font-size: 12px;
    }
    .copywrite .center.vxd{
        padding-top: 18px;
    }
}
@media (max-width: 460px) {
    
    .trusted{
        padding: 40px 20px 200px 20px;
    }
    .mian .font_40{
        font-size: 33px;
    }
    .px_2.trade_frame{
        padding: 0 10px;
    }
    .landingContainer{
        margin: 10px;
    }
    .smallBar,.mediumBar,.bigBar{
        width: 18px;
    }
    .captain{
        font-size: 12px;
    }
    .font_34,.font_32{
        font-size: 23px;
    }
    .font_18{
        font-size: 15px;
    }
    .circler3{
        display: none;
    }
}
@media (max-width: 430px) {
    .comajsh{
        padding: 50px 10px 0 10px;
    }
    .plansContainerFt{
        display: block;
        padding: 0 20px;
    }
    .couterDetail{
        padding: 20px 30px ;
    }
    .mianx{
        grid-template-columns: 1fr;
    }
    .couterDetails .font_34{
        font-size: 14px !important;
    }
    .couterDetails .text-white{
        font-size: 8px;
    }
    .newsLetterFormCotainer{
        height: 50px;
    }
    .newsLetterFormCotainer input{
        font-size: 13px;
    }
    .newsLetterBTn{
        font-size: 13px;
    }
    .font_28{
        font-size: 23px;
    }
    .footer{
        padding: 40px 15px 30px 15px;
        grid-template-columns: 1fr 1fr;
    }
    .classicFooter{
        display: block;
        padding: 70px 15px 0 15px;
    }
    .classicFooter .pr_4{
        padding-right: 0;
    }
    .classicFooter2{
        display: none;
    }
}
@media (max-width: 330px) {
    .trusted{
        padding: 40px 15px 200px 15px;
    }
    .mian .font_40{
        font-size: 30px;
    }
    .plansContainerFt{
        padding: 0 10px;
    }
    .newsLetterBTn{
        font-size: 11px;
    }
}















































/* .who_back_picture{
    background: url("../static/browser_picture/contactUs.jpg") no-repeat;
    background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.5)),url("../static/browser_picture/picturetwo.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100% ;
    min-height: 50vh;
    padding: 70px 250px;
    display: flex;
    color: #fff;
    flex-wrap: wrap;
} */







/* .plans{
    margin: 0;
    background: url("../static/browser_picture/pexels-anna-nekrashevich-6801874.jpg") no-repeat;
    background: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 70vh;
    background-position: center center;
    background-size: cover;
    padding-top: 65px;
} */

/* .content_list{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    grid-gap: 30px;
    padding-top: 20px;
    position: relative;
    cursor: pointer;
} */

/* .sidenav {
    height: 100%; 
    width: 300px;
    position: fixed;
    z-index: 1; 
    top: 0;
    left: 0;
    overflow-x: hidden;
} */

/* Style page content */
/* .main {
    max-width: 100%;
    margin-left: 300px;
} */


/*.................................................................... scrowbar  */
/* ::-webkit-scrollbar {
    width: 5px;
}
  
::-webkit-scrollbar-track {
    background: #d3d2d2;
}
  
::-webkit-scrollbar-thumb {
    background: rgb(119, 118, 118);
}
  
::-webkit-scrollbar-thumb:hover {
    background: #555;
} */