.body
{
    background-color: #000000 !important;
}
.cd__main{
    display: block !important;
    background:whitesmoke;
    max-height: auto;
    
 }
 .navbar{
   /* border-radius: 10px; */
   /*border: 1px solid #006bff;*/
   /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
   box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }
 .nav-item a{
   color: black;
 
 
 }
 
 .home_bottom_t{
    display: none;
 }
 .bg-light{
    background-color: white;
   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }
 /* img{
   max-height: 35px;
 } */
 /* Profile Picture */
 .profile-pic{
    display: inline-block;
    vertical-align: middle;
     width: 50px;
     height: 50px;
     overflow: hidden;
    border-radius: 50%;
 }
 
 .profile-pic img{
    width: 100%;
    height: auto;
    object-fit: cover;
 }
 .profile-menu .dropdown-menu {
   right: 0;
   left: unset;
 }
 /* .profile-menu .fa-fw {
   margin-right: 10px;
 } */
 
 .toggle-change::after {
   border-top: 0;
   border-bottom: 0.3em solid;
 }
 .dropdown{
   display: flex;
   color: white;
   align-items: center;
   font-size: 20px;
 }
 .dropdown-menu{
   min-width: 7rem;
 }
        /* New styles for the footer menu bar */
        .footer-menu {
             background-color: #f8f9fa; /* Set your desired background color */
/*             padding: 10px;*/
             position: fixed;
             bottom: 0;
             width: 100%;
             text-align: center;
             z-index: 1000; /* Ensure it's above other elements */
         }
 
         .footer-menu a {
             text-decoration: none;
             color: #495057; /* Set your desired text color */
             margin: 0 10px;
         }
 
         .footer-menu i {
             margin-right: 5px;
         }
         .nav-item-2{
            /* border-radius: 20px; */
            /* border: 1px solid #006bff; */
            margin-left: 20px;
            font-size: 12px;
            padding: 2px 8px;
            transition: all 2s ease;
        }
.nav-item-2 a{
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/*         .nav-item-2:hover{
            background-color: #00D4FF;
            color: #fff;
         } */
         .nav-item-2:active{
            transform: scale(0.96);
         }

         .navbar-expand-lg .navbar-nav{
            margin: 0px 20px 0px 300px;
         }
         .card:hover{
            background-color: #00A4FF;
            color: #fff;
         }


         /* Adjustments for iPhone dimensions */
         @media (max-width: 430px) {
             .navbar-toggler {
                 background-color: #fff; /* Background color for the toggler */
                 border: none;
             }
 
             .navbar-toggler-icon {
                 color: #6c757d; /* Color for the toggler icon */
             }
 
             .navbar-nav {
                 flex-direction: column;
                 align-items: center;
                 text-align: center;
                 margin-top: 10px; /* Adjust spacing */
             }
 
             .navbar-nav .nav-item {
                 margin: 5px 0; /* Adjust spacing between items */
             }
 
             .navbar-collapse {
                 border-top: 1px solid #ddd; /* Add a border between navbar and content */
                 padding-top: 10px; /* Add some top padding for better spacing */
             }
 
             .footer-menu {
                 display: flex;
                 justify-content: space-around;
                 align-items: center;
             }
         }
 
         /* Fix for Order List on smaller screens */
         @media (max-width: 430px) {
             .navbar-nav .nav-item {
                 white-space: nowrap; /* Prevent line breaks */
             }
         }
           .profile-pic {
             display: flex;
             align-items: center;
         }
 
         .profile-pic img {
             margin-right: 8px;
             border-radius: 50%;
         }
 
         .profile-dropdown {
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
 
         .navbar-brand img {
             max-height: 40px;
         }
 
         .navbar-nav.ml-auto {
             margin-left: auto;
             margin-right: auto;
         }
 
         .search-bar {
             position: relative;
         }
 
         .search-bar input {
             /* padding: 10px; */
             /* border-radius: 15px; */
         }
 
         .search-icon {
             position: absolute;
             top: 50%;
             right: 20px;
             transform: translateY(-50%);
             color: #6c757d;
             cursor: pointer;
         }






         /* changes-start */

         .div-row{
            position: relative;
            display: flex;
            justify-content: space-around;
        }
        .div-cell p{
            margin: 0px;
        }
        .greenplus{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .greenplus button{
            padding: 4px 8px;
            border-radius: 5px;
        }
        hr{
            margin-bottom: 5px;
        }
        .pairs-percent{
            /* background-color: #e7e1e1; */
            border-radius: 5px;
            display: flex;
            justify-content: center;
            color: #000000;
        }
         .footer {
            display: none;
             background-color: #f8f9fa; /* Set your desired background color */
/*             padding: 10px;*/
             position: sticky;
             bottom: 0;
             width: 100%;
             text-align: center;
             z-index: 1000; /* Ensure it's above other elements */
         }
 
         .footer a {
             text-decoration: none;
             color: #495057; /* Set your desired text color */
             margin: 0 10px;
         }
 
         .footer i {
             margin-right: 5px;
         }
         span button{
            font-size: 12px;
            border-radius: 20px;
            border: none;
            background-color: #006bff;
            padding: 3px 8px;
            color: #fff;
         }
         .div-cell:nth-child(2){
            color: #006bff;
         }
         .div-cell:nth-child(3){
            color: red;
         }

         /*.acc_type{
            margin: 0%;
            padding: 0%;
            display: flex;
            align-items: center;
            
            font-size: 14px;
            font-weight: 500;
         }
         .acc_type h5{
            margin: 0%;
            padding: 0%;
            font-size: 14px !important;
            
         }*/
/*  
         /* Updated styles for mobile view */
         /* @media (max-width: 767px) {
             .navbar-toggler {
                 background-color: #fff; 
                 border: none;
             }
 
             .navbar-toggler-icon {
                 color: #6c757d;
             }
 
             .navbar-nav {
                 flex-direction: column;
                 align-items: center;
                 text-align: center;
                 margin-top: 10px;
             }
 
             .navbar-nav .nav-item {
                 margin: 5px 0;
             }
 
             .navbar-collapse {
                 border-top: 1px solid #ddd;
                 padding-top: 10px;
             }

         } */
         @media screen and (min-width:1900px)
         {
           
            .home_bottom
            {
                height:30.5rem !important;
            }
         }
         @media screen and (max-width:1900px)
         {
            .card-res
            {
                    width: 15rem !important;

            }
            .home_bottom
            {
                height:30.5rem !important;
            }
         }
         @media screen and (max-width:1880px)
         {
            .card-res
            {
                    width: 12rem !important;
            }
            .home_bottom
            {
                height:42rem !important;
            }
            .status .tab-pane
            {
                max-height: 499px !important;
            }
         }
         @media screen and (max-width:1420px)
         {
        
            .home_bottom
            {
                height:40rem !important;
            }
         }
         @media screen and (max-width:1200px)
         {
            .fund-gap
            {
                display: grid !important;
                grid-template-columns: auto auto;
              
            }
            .card-res
            {
                margin-top: 15px !important;
            }

         }
         @media screen and (min-width:600px)
         {
            /* .fund-gap
            {
                display: grid !important;
                grid-template-columns: auto auto;
              
            } */
            .card-res
            {
                margin-top: 10px !important;
                    width: 18rem !important;
                    padding: 20px;
                    /* padding: 20px; */
                    height: 173px!important;
            }

         }
         @media screen and (max-width:700px)
         {
            .fund-gap
            {
                display: grid !important;
                grid-template-columns: auto ;
              
            }
            .card-res
            {
                margin-top: 10px !important;
                    width: 18rem !important;
                    padding: 20px;
                    /* padding: 20px; */
                    height: 173px!important;
            }

         }
         @media screen and (max-width:990px) {
            .right
{
   margin-top:25px !important;
}
.cont-bottom
{
    display: block !important;
}
.right_a
{
    margin-top: 25px !important;
}

         }
         @media screen and (max-width:765px)
         {
            .home_bottom {
                max-height: 438px !important    ;
            }
            .status .tab-pane {
                max-height: 269px !important;
            }
         } 
         @media (min-width: 1000px) {
          /*   .footer {
                 display: none; /* Hide the footer on larger screens */
             }*/
             .navbar-toggler {
               display: none; /* Hide the default toggler icon */
             }
           
             .profile-menu {
               display: flex;
               align-items: center;
             }
           
             .navbar-nav.profile-menu .nav-item {
               display: none; /* Hide the individual navigation items */
             }
           
             .navbar-nav.profile-menu .nav-item.dropdown {
               display: flex; /* Display the profile dropdown */
               align-items: center;
             }
           
             .profile-pic {
               margin-right: 10px; /* Adjust margin as needed */
             }
         }
         @media (max-width: 2560px){
            .withdraw_b{
                padding-left: 149.5px !important;
            }
            .with_r{
/*padding-top: 18px !important;*/
            }
            .withdraw_b .t-one{
                width: 150px !important;
                height: 158px !important;
            }
                    .with_r .img-1 img{
                width: 406px;
                height: 145px;
             }
             /* .home_bottom{
height: 29rem;
             } */
          /*   .nav-item_c{
                padding: 20px 61px;
            }*/
}
       
         @media (max-width: 1326px){
            .withdraw_b{
                padding-left: 70.5px !important;
            }
            .home_top .btn button{
                padding: 0px 14px !important;}
            .home_top{
                height: 12rem;
            }
            .home_top .img img{
                height: 140px;
                width: 140px;
            }
            /* .home_bottom{
                height: 28.5rem;
            } */
            .home_top .three{
                top: 114px;
                left: 300px;
            }
            .fund{
/*                height: 21rem;*/
            }
            .row-md-8{
                display: flex;
                column-gap: 10px;
                padding-left: 14px;
                position: relative;

            }
            .row-md-8 .one{
                width: fit-content;
                height: 90px;
                position: absolute;
                right: 2px;
            }
            .card {
                width: 150px;
                height: 200px;
            }
            .top{
                column-gap: 10px;
            }
            .bot{
                column-gap: 10px;
            }
            .card-body{
                padding: 1rem -2rem;
            }
            .card p{
                font-size: 16px;
            }
            .fund .img{
                top: 192px;
                height: fit-content;
            }
            .fund .img .two {
                width: 123px;
                height: 110px;
             }            
             .left_r{
/*                height: 16rem;*/
             } 
             .head{
                height: 50px;
             }
             .head .text h1{
                font-size: 18px;
                font-weight: 600;
             }
             .head .text p{
                font-size: 10px;
                margin: 0px;
             }    
             .r_acc{
                height: 80px;
             }
             .r_acc .t-one h2{
                font-size: 14px;
                
             }      
             .r_acc .t-two h2{
                font-size: 14px;
             }   
             .withdraw_b .t-one h2{
                font-size: 14px;
                margin: 0px;
             }
             .r_acc .t-one p{
                font-size: 14px;
                margin: 0px;
             }
             .r_acc .t-one i{
                font-size: 12px;
             }
             .r_acc button{
                font-size: 12px;
                padding: 2px 0px;
             }
             .withdraw_b .t-one p{
                margin-bottom: 4px;
             }
             .withdraw_b button{
                font-size: 14px;
             }
             .with_r .img-1{
                position: relative;
                top: 39px;
             }
             .with_r .img-1 img{
                width: 204px;
                height: 146px;
            }
        /*     .navbar-expand-lg .navbar-nav{
                margin: 0px 20px 0px 212px;
             }*/
         }
 
         @media (max-width: 1440px){
            .with_r{
/*padding-top: 10px !important;*/
            }
            .withdraw_b{
                padding-left: 70.5px !important;
            }
            .withdraw_b .t-one {
width: 120px !important;
height: 101px !important;
}
            .home_top{
                height: 12rem;
            }
            .home_top .three{
                width: 103px !important;
                top: 114px;
                left: 307px;
            }

            /* .home_bottom{
                height: 29rem !important;
            } */
            .nav-item_c{
                text-align: center;
                padding: 20px;
            }
            .nav-item_c1{
                text-align: center;
            }
            .fund{
/*                height: 19rem;*/
            }
            .fund .img{
                position: absolute;
                top: 130px;
            }
            .fund .img img{
                width: 100px;
                height: 170px;
            }
            .row-md-8{
                display: flex;
                gap: 10px;
                position: relative;
                padding-left: 20px;
            }
            .card{
                width: 180px;
                height: 180px;
            }
            .top{
                gap: 10px;
            }
            .bot{
                gap: 10px;
            }
            .row-md-8 img{
                position: absolute;
                width: 100px;
                right: 20px;
            }
            .left_r{
/*                height: 20.5rem;*/
            }
            .head .text h1{
                font-size: 18px;
                font-weight: 600;
            }
            .head .text p{
                font-size: 10px;
                margin: 0px;
             }    
             .r_acc{
                height: 80px;
             }
             .r_acc .t-one h2{
                font-size: 14px;
                
             }      
             .r_acc .t-two h2{
                font-size: 14px;
             }   
             .withdraw_b .t-one h2{
                font-size: 14px !important;
                margin: 0px;
             }
             .r_acc .t-one p{
                font-size: 14px;
                margin: 0px;
             }
             .r_acc .t-one i{
                font-size: 12px;
             }
             .r_acc button{
                font-size: 12px;
                padding: 2px 0px;
             }
             .withdraw_b .t-one p{
                margin-bottom: 4px;
             }
             .withdraw_b button{
                font-size: 14px;
/*                margin-top: 10px;*/
             }
             .with_r .img-1 img{
                width: 209px;
                height: 103px;
             }

         }

         @media (max-width: 1024px){
            .withdraw_b {
                                padding-top: 10px;

                padding-left: 52.5px !important;
}
      /*      .nav-item_c1 {
    padding: 10px !important;
}*/
            select#accountType {
                background-color: white;
             }
            .home_top h3{
                font-size: 13px !important;
            }
       /*     .nav-item_c{
                padding: 20px 38px;
            }*/
            .card{
                width: 127px;
            }
            .fund .img .two{
                height: 106px;
                width: 126px;
            }
            .fund .img{
                top: 195px;
            }
            /*.withdraw_b .t-one{
                padding: 4px 6px !important;
            }*/

            .with_r .img-1{
                position: relative;
                top: 22px;
            }
            .with_r .img-1 img {
                width: 100px;
                height: 113px;
            }      
            .withdraw_b button{
                margin: 0px;
                /*font-size: 12px;
                box-shadow: 0px 3px 6px;*/
            }    
            .row-md-8 .one{
                z-index: -1;
            }  
            /* .fund .btn img{
                width: 80px;
            } */
            .b-one{
width: 25% !important;
            }
            .b-two{
                width: 25% !important;
                            }
            .with_r{
                /* height: 20px; */
            }
            .r_acc {
                height: 111px;
            }
            .navbar-expand-lg .navbar-nav{
                margin: 0px 20px 0px 0px;
             }
             .nav-item-2{
                margin-left: 7px;
                padding: 1px 8px;
             }
             .head{
                padding: 10px;
                height: 70px;
             }
             /*.home_top .three{
                display: none;
             }
             .nav-item_c1 {
                padding: 8px 20px !important;
              }*/
         }
                   @media (max-width: 430px){


.constts {
    display: block;
    /* flex-direction: column !important; */
}
}


          @media (max-width: 600px){
            .profile-pic img{
                display: none !important;
            }
            .navbar-brand img{
                height: 28px !important;
            }
            .dropdown{
                font-size: 15px !important;
            }
                .r_acc .t-one {
               width: 30%;
                }
                .cont-bottom{
                    display: block;
                    /* flex-direction: column; */
                }
                        .fund-gap{
                grid-row-gap: 7px !important;
            }

   
        .fund .btn-f button{
    padding: 5px 45px !important;
}
.fund .btn-f .b-two{
    padding: 5px 14px !important;
}
            
        }

/*        @media (max-width: 375px){

                   .fund .btn-f .b-two {
padding: 0px !important;
}
.fund .btn-f button{
    padding: 0px 0px !important;
    font-size: 10px !important;
}
}*/
 @media (max-width: 325px){
 .navbar-brand img{
    height:0px ;
 }
    .dropdown{
        font-size: 15px !important;
    }
    .footer a i {
        font-size: 18px !important;
    }
     .footer a svg {
        font-size: 18px !important;
    }
  /*  .nav-item_c1{
        font-size: 12px !important;
    }*/
    .fund-gap{
        padding: 25px !important;
    }
      .fund {
/*            height: 45rem !important;*/
        }
/*        .fund .btn-f button{
    padding: 0px 0px !important;
    font-size: 10px !important;
}
                   .fund .btn-f .b-two {
font-size: 10px !important;}*/
    }