body{background-color: #14173D;}
 .navigation.fixed-top, footer, .navigation, .landing_navigation{display:none!important;} 
 .login_signup_sec{padding-top:0px!important}  
.container{max-width: 1300px;}
.landing_banner_sec,
 .approach_sec,
 .overview_sec,
 .trading_instruments_sec{ min-height: 60.57rem; background-repeat: no-repeat; background-position: left top; background-size: 100%;}
 .approach_sec, .overview_sec, .trading_instruments_sec{ min-height: 50.57rem;}
 .landing_header .navbar {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%);}
 .grand_logo_normal {max-width: 45rem;}
.lp_spotmetal_bannersec{ min-height: 60rem; background-position: right bottom; background-size: cover; display: flex; align-items: center; position: relative; padding-top: 9.43rem;}
.lp_spotmetal_bannersec .landing_banner_title{ font-weight: 300; font-size: 5rem; line-height: 130%; color: #FFFFFF;}
.landing_banner_title span{ color: #2FADFC;}


.login_signup_form_sec {background: #101442;}
.input_effect ~ label{color: #CCCEFF;}
.input_effect {border-bottom: 2px solid #5B5E9F;}
.input_effect ~ .focus-border{border-bottom: 2px solid #5B5E9F;}
.input_effect:focus ~ label, .has-content.input_effect ~ label {color: #CCCEFF;}
span#country_name{color: #CCCEFF;}
.input_effect, select.input_effect {color: #CCCEFF !important;}
/* .input_field_sec, .input_effect{background: #202252!important;} */
.login_signup_form_heading {
        background: linear-gradient(89.94deg, rgba(45, 102, 248, 0.5) 0.05%, rgba(13, 103, 249, 0.5) 0.06%, rgba(13, 103, 249, 0) 99.21%); font-weight: 500;
        font-size: 1.43rem;
        line-height: 140%;        
        color: #FFFFFF;
        border-radius: 6px 6px 0px 0px;
    }
button:focus, input:focus, textarea:focus, select:focus {outline: none; }
.mobile_field .input_effect {padding: 4px 1.07rem;}
.already_account_text {color: #fff}
.country_code {
    border-right: 2px solid  #5B5E9F;
    border-bottom: 2px solid  #5B5E9F;}

.lp_keys_list li{font-weight: 300; font-size: 1.28rem; line-height: 276%; color: #FFFFFF;}
.lp_keys_list li img{min-width: 1.43rem; max-width: 1.43rem; margin-right: 8px;}

        /* .copy_trade_form_wrapper{max-width: 70%; margin: auto;} */
.copy_trade_form_wrapper {
            height: 100%;
            display: flex;
            background-image: url(/uploads/lpdark-form-sec-bg-sort.svg) !important;
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 100% auto;
            filter: none !important;
            padding: 20px;
            min-width: 80%;
            max-width: 80%;
            margin: auto;
        }
.copy_trade_form_sec_2{width: 100%;}
.section_title{font-weight: 300; font-size: 4.28rem; line-height: 130%; text-align: center; color: #2FADFC; margin-bottom: 4.85rem; margin-top: 4.85rem;}
.section_title span{color: #fff;}
.metal_detail_wrapper{min-height: 4.14rem; display: flex; align-items: center; font-weight: 600; font-size: 1.29rem; line-height: 160%; color: #FFFFFF; padding: 0px 1.71rem; position: relative;}
.metal_detail_wrapper::before{content: ''; width: 4px; height: 100%; position: absolute; left: 0px;}
.metal_detail_wrapper.gold_text{background: linear-gradient(89.94deg, rgba(255, 199, 0, 0.2) 0.06%, rgba(255, 199, 0, 0) 86.56%); } 
.metal_detail_wrapper.gold_text::before{background: #FFC700;}

.metal_detail_wrapper.silver_text{background: linear-gradient(89.94deg, rgba(234, 234, 234, 0.2) 0.06%, rgba(234, 234, 234, 0) 86.56%); } 
.metal_detail_wrapper.silver_text::before{background: #EAEAEA;}

.metal_detail_wrapper.copper_text{background: linear-gradient(89.94deg, rgba(255, 148, 88, 0.2) 0.06%, rgba(255, 148, 88, 0) 86.56%); } 
.metal_detail_wrapper.copper_text::before{background: #F37F3D;}

.tradingview-widget-container{background: #14173D; border: 1px solid #3B3E6B; min-height: 250px; margin: auto;}
.chart_view{margin-top: 2.14rem; margin-bottom: 2.14rem;}
/* .chart_col_view{margin-top: 4.85rem;} */
.tradingview-widget-container:after {
       content: "";
    background: #14173D;
    width: 54px;
    height: 37px;
    position: absolute;
    right: 17px;
    margin-top: 1px;
}


.lp_how_work_list li{ display: flex; align-items: center; transition: all 0.5s ease-out; position: relative;}
.lp_how_work_list li::after{ width: 100%; height: 1px; position: absolute; left: 0%; bottom: -1px; background-color: rgba(117, 132, 189, 0.1); content: '';}
.lp_how_work_list li.slick-slide{ display: flex !important;}
.lp_how_work_list li:hover,.lp_how_work_list li.active{ background: linear-gradient(89.94deg, rgba(45, 102, 248, 0.2) 0.05%, rgba(13, 103, 249, 0.2) 0.06%, rgba(13, 103, 249, 0) 83.41%); position: relative;}
.lp_how_work_list li:hover::before,.lp_how_work_list li.active::before{position: absolute; width: 4px; height: 100%; left: 0; background: #0D67F9; content: ''; }
.lp_how_work_list_icon{ min-width: 7.5rem; max-width: 7.5rem; min-height: 9.14rem; display: flex; align-items: center; justify-content: center; position: relative;}
.lp_how_work_list_icon img{ width: 3.14rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-out;}
.lp_how_work_list_icon img.hover,
.lp_how_work_list li:hover .lp_how_work_list_icon .normal,
.lp_how_work_list li.slick-current .lp_how_work_list_icon .normal{ opacity: 0; visibility: hidden;}
.lp_how_work_list li:hover .lp_how_work_list_icon,
.lp_how_work_list li.slick-current .lp_how_work_list_icon{ background: transparent;}
.lp_how_work_list li:hover .lp_how_work_list_icon .hover,
.lp_how_work_list li.slick-current .lp_how_work_list_icon .hover{ opacity: 1; visibility: visible;}
.lp_how_work_list_icon.first-step img{width: 4.57rem;}
.lp_how_work_list_text_view{ padding: 15px;}
.lp_how_work_list_text_step{ font-size: 0.93rem; font-weight: 300; color: rgba(255, 255, 255, 0.8); line-height: 170%; text-transform: uppercase;}
.lp_how_work_list_text_step span{text-transform: lowercase; font-weight: 600;}
.lp_how_work_list_text_title{ font-size: 1.43rem; font-weight: 500; line-height: 100%; color: #fff; margin-top: 4px;}
.lp_how_work_list_text{ font-size: 1rem; line-height: 143%; font-weight: 300; color: rgba(255, 255, 255, 0.8); margin-top: 6px;}


.btn_wrapper{margin-top: 4.85rem; margin-bottom: 4.85rem;}
.btn_wrapper .btn{min-width: 16.42rem;}

.lpwhy_trade_wrapper{background: linear-gradient(180deg, rgba(32, 34, 82, 0.5) 0%, rgba(32, 34, 82, 0.5) 100%);
    border: 1px solid #31336A;
    backdrop-filter: blur(12px); min-height: 26.42rem; max-height: 26.42rem; text-align: center; margin: 0px; color: #fff; align-items: center;}
.why_trade_boxwrap{background: transparent; padding: 4.28rem 2.5rem;  transition: all 0.3s ease-in-out; min-height: 26.42rem; max-height: 26.42rem;}
/* .why_trade_boxwrap:hover, */
.why_trade_boxwrap.active{background: linear-gradient(179.55deg, #2F86E6 6.19%, #2E44C1 99.52%);}
.why_trade_boxwrap:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    transition: .6s;
    z-index: -1;
    background: -webkit-linear-gradient(179.55deg, #2F86E6 6.19%, #2E44C1 99.52%);
    /* background: -webkit-linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%) */    
}
.why_trade_boxwrap:hover:before {width: 100%; left: 0;}
.text_wrapper{font-weight: 300; line-height: 140%; text-align: center;}
.lp_card_title{font-size: 1.29rem; margin: 1rem auto 1.93rem auto;}
.lp_card_text{font-size: 1rem;}
.icon_wrapper{max-width: 4.28rem;
    min-width: 4.28rem;
    height: 4.28rem;
    text-align: center;
    margin: auto;}

.approach_sec.why-trade_metal{background-repeat: no-repeat; background-position: left bottom 1rem; background-size: 100%;}
.overview_box{background: #202252; border: 1px solid #31336A; transition: all 0.4s ease-out;}
.overview_box:hover{background: linear-gradient(179.55deg, #2F86E6 6.19%, #2E44C1 99.52%); transform: scale(1.1);}
/* .overview_box.selected{} */
.overview_box.selected{background: linear-gradient(179.55deg, #2F86E6 6.19%, #2E44C1 99.52%);}
.overview_icon_sec {background: transparent;}
.overview_box.selected .overview_icon_sec {background: none;}
.overview_icon_sec .overview_icon_name {font-weight: 300;}
.overview_icon_name{color: #FFFFFF;}
.overview_box_list li{ font-size: 1rem; color: #fff; font-weight: 300; padding: 0.65rem 0rem;}
.overview_box.selected .overview_box_list li{ color: #ffffff;}
.overview_box_list li span {font-weight: 500;}
.overview_price_sec{background: rgba(251, 254, 255, 0.05); display: flex;}
.overview_price{color: #fff; font-size: 1.71rem; flex: 1; position: relative; font-weight: 500;}
.overview_price small{color: rgba(255, 255, 255, 0.8); font-size: 50%; display: block; font-weight: 300;}

.overview_box.selected .overview_price_sec{background: #EEFAFF}
.overview_box.selected .overview_price{color: #062652;}
.overview_box.selected .overview_price small{color: #6D768F;}

.overview_box:hover .overview_price_sec{background: #EEFAFF}
.overview_box:hover .overview_price{color: #062652;}
.overview_box:hover .overview_price small{color: #6D768F;}

.bg-head{background: url(/uploads/bgframe-lpspotmetaldark.webp)left top no-repeat;}
.bg-shadeeffectone{
    background: url(/uploads/lpbg-shade-1.svg) left top 6% no-repeat;
    background-size: 45.3%;
}

.bg-shadeeffecttwo{
    background: url(/uploads/lpbg-shade-2.png) right top 45% no-repeat;
    background-size: 35.3%;
}

.approach_sec.lp_get_started {
    background-position: top right;
    background-size: cover;
}

.approach_sec.lp_testimonials {
    background-position: left top 75%;
    margin-bottom: 4rem;
}
.approach_sec.lp_testimonials .section_title {font-size: 3.30rem; margin-bottom: 2.14rem; position: relative; margin-left: 5.85rem;}
.approach_sec.lp_testimonials .section_title:before{position: absolute; content: ''; background: url(/uploads/testimonial-icon.svg); width: 11.67rem; display: block; height: 9.78rem; z-index: 1; left: 4.64rem;
    bottom: -3.78rem; background-repeat: no-repeat; background-size: cover;}

.testimonials_wrapper{max-height: 35rem;
    min-height: 35rem; background: rgba(33, 36, 90, 0.5);
    backdrop-filter: blur(6px);
    max-width: 77.42rem;
    margin: auto;
    padding: 6.07rem 0px;
}



.lptestimonial_slider li {
    background: rgba(33, 36, 90, 0.5);
    backdrop-filter: blur(6px);
    text-align: center;
    align-items: center;
}

.testimonial_wrapper {
    max-height: 35rem;
    min-height: 35rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.user_icon {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 8.28rem;
    height: 8.28rem;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: auto;
}
.testimonial_wrapper .user_icon img {
    max-width: 6.42rem;
}



 .user_icon .user_icon_inner {
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial_text {
    max-width: 62%;
    margin: 0px auto 1.79rem auto;
    font-weight: 300;
    font-size: 1.14rem;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}


.user_name {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}

.stars_details{text-align: center;}
.star {
    font-size: x-large;
    /* width: 50px; */
    display: inline-block;
    color: #E5E5E5;
    margin: 2.07rem auto;
}

.star:last-child {
    margin-right: 0;
}

.star:before {
    content: '\2605';
}

.star.on {
    color: #FAAF3B;
}

.star.half:after {
    content: '\2605';
    color: #FAAF3B;
    position: absolute;
    margin-left: -20px;
    width: 10px;
    overflow: hidden;
}

.testimonial_slider .slick-dots button {display: none;}
.testimonial_slider .slick-dotted {display: flex; align-items: center; position: relative; width: calc(50% - 5px); backdrop-filter: blur(6px);}
.testimonial_slider .slick-arrow {display: flex; align-items: center; background: rgba(33, 36, 90, 0.5); backdrop-filter: blur(6px); top: 25%; padding: 18px 25px; color: #fff; border-width: 0px !important; position: absolute; margin-left: -30px; margin-right: -30px; width: 4.28rem; height: 4.28rem; z-index: 2;}
.testimonial_slider .slick-custom-arrow-right {left: auto; right: 90%;}
.testimonial_slider .slick-arrow:hover {background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%); color: #fff; box-shadow: 0px 4px 23px rgba(0, 74, 255, 0.24);}
/* button.slick-next.pull-right.slick-arrow {right: 0;} */
.testimonial_slider .slick-next{right: 0px;}
.testimonial_slider .prev-arrow.slick-arrow::before{ position: absolute; content: url('/uploads/lpslidericon-left.svg'); left: 50%; top: 53%; transform: translate(-50%, -50%);}
.testimonial_slider .next-arrow.slick-arrow::before{ position: absolute; content: url('/uploads/lpslidericon-right.svg'); left: 50%; top: 53%; transform: translate(-50%, -50%);}


.award-h{background: #0E0D44; min-height: auto; padding: 0.25rem 0 4rem 0;}
.best-awards5{display: flex;  justify-content: center; flex-wrap: wrap;}
.best-awards5 .award-box{ text-align: center;  padding: 1.25rem 1.25rem; width:20%}
.best-awards5 .award-box img{ width: 100%;}
.awardbg{background: rgba(45, 102, 248, 0.2); margin: 0 auto; margin-top: 0rem; padding: 1.5rem; max-width: 77.42rem; backdrop-filter: blur(6px);}
.award-ptext { width:100%; max-width: 111ch; font-size: 1.14rem;  color: #ffffff;  line-height: 2rem; font-weight: 300;}

.PresenceInnerbox::before {
    right: 0;
    top: 0;
    transition-duration: 0.4s;
}
.PresenceInnerbox::before,
.PresenceInnerbox::after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    transition: all 0.2s linear;
    background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%);
}

.PresenceInnerbox h4{ font-size: 3.93rem; font-weight: 500; color: #fff; display: flex; justify-content: center;}
.PresenceInnerbox{ position: relative;}
.PresenceInnerbox span{ background: rgba(28, 27, 106, 0.9); padding: 90px 25px; display: block;}
.PresenceInnerbox::before,
.PresenceInnerbox::after{ content: ""; width: 0; height: 1px; position: absolute; transition: all 0.2s linear; background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%);}
.PresenceInnerbox span::before,
.PresenceInnerbox span::after{ content: ""; width: 1px; height: 0; position: absolute; transition: all 0.2s linear; background: linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%);}
.PresenceInnerbox::before{ right: 0; top: 0; transition-duration: 0.4s;}
.PresenceInnerbox::after{ left: 0; bottom: 0; transition-duration: 0.4s;}
.PresenceInnerbox span::before{ left: 0; bottom: 0; transition-duration: 0.4s;}
.PresenceInnerbox span::after{ right: 0; top: 0; transition-duration: 0.4s;}
.PresenceInnerbox:hover::before,
.PresenceInnerbox:hover::after{ width: 100px;}
.PresenceInnerbox:hover span::before,
.PresenceInnerbox:hover span::after{ height: 100px;}

.continue_text{text-align: center; max-width: 70%; margin: auto; color: #fff; opacity: 0.7;}
.deposits_withdrawals_image_block{text-align: center;}
.approach_sec.we_accept{ min-height: 100%; padding-bottom: 5rem;}
.landing_footer{background: #0B0D2F; color: #FFFFFF; padding: 3rem 0px}
.landing_footer a {color: #FFFFFF;}
.copy_right_sec{border-top: 1px solid #242649; color: #FFFFFF;}

.why_trade_boxwrap:before { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 0; transition: .5s; z-index: -1;  background: -webkit-linear-gradient(85.21deg, #0D67F9 0.61%, #4DCBF3 104.97%)}
.why_trade_boxwrap:hover:before {width: 100%; left: 0;}

.tradingview-widget-container iframe {cursor: not-allowed; pointer-events: none;}
.tradingview-widget-container iframe{ -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;}

            .lp_keys_list{margin-top: 2rem;}

@media (max-width: 1599.98px){
.landing_banner_sec {padding-top: 0rem;}
}

    @media (max-width: 991.98px){
    .approach_sec, .overview_sec, .trading_instruments_sec {min-height: 100%;}
    .lp_spotmetal_bannersec .landing_banner_title{font-size: 3.5rem;}
    .landing_banner_data.text-center{text-align: left !important;}
    #register_form{margin-top: 4rem;}
    .copy_trade_form_wrapper{max-width: 100%;}
    .chart_view{margin-top: 0px;}
    .section_lpimg{margin-top: 3rem; text-align: center; }
  .section_lpimg img{width: 70%;}
    .section_title {font-size: 2.85rem !important; margin-bottom: 1.85rem;}
    .lpwhy_trade_wrapper{max-height: 100%;}
    .approach_sec.lp_testimonials .section_title{margin-bottom: 1rem;}
    .approach_sec.lp_testimonials .section_title:before{left: 0rem; background-size: 6.5rem; bottom: -6.85rem;}
    .btn_wrapper{margin-bottom: 0px;}
    .best-awards5 .award-box{width: 30%;}
    .approach_sec.lp_testimonials {background-position: left top 40%; margin-bottom: 2rem;}
    .overview_box:hover{transform: none;}    
    .landing_banner_sec{background-image: url(/uploads/bgframe-lpspotmetaldark.webp) !important; background-position: bottom;}  
    .testimonial_slider .slick-arrow{margin-left: -10px; margin-right: -10px;}
    .lp_keys_list{margin-bottom: 2.5rem;}
    .lp_keys_list li {line-height: 206%;}
    }

    @media (max-width: 767.98px){     
         .approach_sec{padding-bottom: 3rem;}   
        .approach_sec.lp_testimonials .section_title:before{left: -4rem; background-size: 6.5rem;}
        .best-awards5 {justify-content: start;flex-wrap: wrap;}
        .approach_sec.lp_testimonials {background-position: left top 25%;}
        .testimonials_wrapper{max-height: 100%; backdrop-filter: blur(2px);}        
        .lp_keys_list li{font-size: 1.57rem;}
        .testimonial_text{max-width: 80%}
        .continue_text{max-width: 100%;}   
        .section_lpimg{margin-top: 5rem; text-align: center; margin-bottom: 2rem;}
        .section_lpimg img{width: 100%;}
        .section_title { font-size: 3rem !important;}
       #register_form {margin-top: 0rem;}
    }

    @media (max-width: 575.98px){
        .section_title br {display: none;}
        .approach_sec.lp_testimonials {background-position: left top 50%;}
        .best-awards5 .award-box{width: 50%;}
        .overview_box.mobile_selected {background: linear-gradient(179.55deg, #2F86E6 6.19%, #2E44C1 99.52%);}
        .overview_box.mobile_selected .overview_price_sec{background: #EEFAFF}
        .overview_box.mobile_selected .overview_price{color: #062652;}
        .overview_box.mobile_selected .overview_price small{color: #6D768F;}
        .lp_spotmetal_bannersec {padding-top: 5.43rem;}
        .lp_card_title {font-size: 1.43rem;}
        .lp_card_text {font-size: 1.28rem;}
        .overview_price small {color: rgba(255, 255, 255, 0.8); font-size: 70%;}
        .overview_box_list li {font-size: 1.28rem;}
        .metal_detail_wrapper{font-size: 1.43rem;}
       .copy_trade_form_wrapper {padding: 10px;}
       .lp_spotmetal_bannersec .landing_banner_title{line-height: 1;}
       .landing_banner_title span {font-size: 2.5rem; font-weight: 400;}
       .landing_banner_title span br {display: none;}
       .landing_banner_sec{ background-image: url(/uploads/bgframe-lpspotmetaldark.webp) !important; background-position: top -300px right -75rem !important;}
    }
    @media (max-width: 479.98px){
        .approach_sec.lp_testimonials .section_title{margin-left: 0px;}
        .approach_sec.lp_testimonials .section_title:before {
            left: 0rem;
            background-size: 2.5rem;
            bottom: -9.85rem;
        }
    }

    @media (max-width: 374.98px){        
        .approach_sec.lp_testimonials .section_title{margin-left: 0px;}
        .approach_sec.lp_testimonials .section_title:before {
            left: 0rem;
            background-size: 2.5rem;
            bottom: -9.85rem;
        }
    }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 30px #202252 inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #CCCEFF !important;
}