.navbar ul li a{
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 14px;
    /* font-family: Poppins; */
}
.navbar ul li .dropdown-item{
    display: flex;
    align-items: center;
}
.navbar ul li .dropdown-item img{
margin-right: 0.5rem;
}
.navbar{
    background-color: #fff;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .6s;
}

.cool-link:hover::after {
    width: 50%;
}

.navbar .dropdown-toggle{
    padding: 0.5rem 1.5rem !important;
}

.no-padding{
    padding: 0;
}
.no-margin{
    margin: 0;
}
.borders-add{
    border-left: 1px solid #dee2e6!important;
}
.links-padding{
    padding-left: 3rem;
}
section{
    padding: 4rem 0rem;
}
.header-section{
    margin-top: 4.4rem;
}
.header-section h1{
    font-size: 80px;
    /* font-family: Poppins; */
    margin-top: 6rem;
    font-weight: bold;
    letter-spacing: 2px;
}
.header-section p{
    font-size: 16px;
    font-weight: 500;
    margin-top: 3rem;
    letter-spacing: 2px;
}
.header-section p b{
    font-weight: 700;
}
.header-section img, .Paradise-section .owl-slider .item .card-image{
    border-right: 3px solid #000!important;
    border-bottom: 3px solid #000!important;
}
.header-section button{
    margin-top: 2rem;
    background-color: #000000;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border: none;
    letter-spacing: 2px;
    padding: 0.5rem 4rem;
    border-radius: unset;
    cursor: pointer;
}
.header-section button{
    border-radius: unset;
}
.Paradise-section .section-title, .Featured-section h1{
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 2px;
}
.Paradise-section .section-info, .Featured-section .info{
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
}
.Paradise-section .section-info b, .Featured-section .info b{
    font-weight: 700;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }
  .owl-nav button.owl-prev {
    left: 0;
  }
  .owl-nav button.owl-next {
    right: 0;
  }
  .Paradise-section .owl-slider .owl-height {
    height: 375px !important;
  }
  
  /* .owl-dots {
    text-align: center;
    padding-top: 15px;
  }
  .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }
  .owl-dots button.owl-dot.active {
    background-color: #000;
  }
  .owl-dots button.owl-dot:focus {
    outline: none;
  } */
  .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.38) !important;
  }
  .owl-nav button:focus {
      outline: none;
  }



    .More-info-section h1{
        font-size: 24px;
        font-weight: 700;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
    }
    .More-info-section p{
        font-size: 14px;
        margin-top: 2rem;
        letter-spacing: 1px;
        text-align: center;
    }
    .More-info-section button, .Featured-section button{
        margin-top: 2.5rem;
        background-color: #000000;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        border: none;
        text-transform: uppercase;
        padding: 0.7rem 8rem;
        border-radius: unset;
        cursor: pointer;
    }
    .More-info-section button:focus, .Featured-section button:focus{
        border-radius: unset;
    }
    .Newsletter-section{
        background-color: #000;
    }
    .Newsletter-section h3{
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
    }
    .Newsletter-section p{
        color: #fff;
        font-size: 14px;
        margin-top: 2rem;
    }
    
    .Newsletter-section input{
        background-color: #000;
        color: #fff;
        border-radius: 0;
    }
    .Newsletter-section input:focus{
        background-color: #000;
        color: #fff;
        border-radius: 0;
        border-color:#fff;
    }
    
    .Newsletter-section input::placeholder { 
        color: #fff;
        opacity: 1;
      }

    .Newsletter-section button{
        background-color: #fff;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        padding: 0.5rem 0rem;
        width: 100%;
        border-radius: unset;
        cursor: pointer;
    }
    .Newsletter-section button:focus{
        border-radius: unset;
    }

    .Featured-section .card p{
        font-size: 16px;
        margin-bottom: 0;
    }
    .Featured-section .card span{
        font-size: 12px;
        text-transform: uppercase;
    }

    .Stats-section{
       background-color: #000;
    }
    .Register-section{
        background-image: url("./../Images/HomeScreen/tiger_BG.png");
        padding: 5.5rem 0rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .Stats-section h1{
        text-align: center;
        font-size: 32px;
        font-weight: 600;
        color: #fff;
        letter-spacing: 2px;
    }
    .Stats-section .info{
        text-align: center;
        font-size: 14px;
        color: #fff;
        text-transform: capitalize;
        letter-spacing: 2px;
        font-weight: 600;
    }
    .Stats-section .info b{
        font-weight: 700;
    }
    .Stats-section h2{
        text-align: center;
        font-size: 80px;
        font-weight: lighter;
        color: #fff;
        letter-spacing: 2px;
    }
    .Stats-section p{
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
    }

    .Testimonials-section .card{
        border: 0;
        height: 525px;
    } 
    .Testimonials-section .card .card-body{
        padding: 0;
        margin-top: 1rem;
    } 
    .Testimonials-section .card .card-text{
       font-size: 20px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 1.5px;
    } 
    .Testimonials-section .card span{
       font-size: 14px;
    } 
    .Testimonials-section .card .card-body{
        cursor: pointer;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    } 
    .Testimonials-section .card .card-body:hover{
        overflow: visible; 
        white-space: normal;
        height:auto;
    } 

    .Register-section h4{
        text-align: left;
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 2px;

    }
    .Register-section p{
        text-align: left;
        font-size: 11.5px;
        color: #fff;
    }
    .Register-section p b{
        font-weight: 700;
    }

.Register-section button{
        background-color: #fff;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        padding: 0.5rem 6.5rem;
        border-radius: unset;
        cursor: pointer;
    }
    .Register-section button:focus{
        border-radius: unset;
    }
    .Register-section ul li{
       font-size: 14px;
       color: #fff;
       line-height: 2;
    }
    .Register-section .benefits-title{
       font-size: 24px;
       padding-left: 2rem;
       text-transform: uppercase;
       margin-top: 4rem;
    }
    .Footer-section .detail{
       font-size: 14px;
    }
    .Footer-section {
       border-top: 4px solid #000;
       margin-top: 2rem;
    }

    .Footer-section a{
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 14px;
        line-height: 4;
        text-transform: uppercase;
        color: #000;
    }
    .Footer-section .height-set{
        margin-top: 3rem;
    }

    .Footer-section h3{
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
    }
    
    .Footer-section input{
        background-color: #fff;
        color: #000;
        border-radius: 0;
    }
    .Footer-section input:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
    }
    
    .Footer-section input::placeholder { 
        color: #000;
        opacity: 1;
      }

    .Footer-section button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        padding: 0.5rem 0rem;
        width: 100%;
        border-radius: unset;
        cursor: pointer;
    }
    .Footer-section button:focus{
        border-radius: unset;
        border-radius: unset;
    }
    .Footer-section .footer-info{
        font-size: 14px;
        margin-top: 1rem;
    }
    .Footer-section .footer-cpyright{
        font-size: 14px;
        margin-top: 1rem;
        font-style: italic;
    }
    .Footer-section i{
        font-size: 22px;
        margin: 0px 9px;
    }
    .Footer-section .width-adjust{
        padding: 0 15px;
    }

    .owl-nav{
        display: none;
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }

    
    .Paradise-section .owl-slider .item .hover-bottom p{
       font-size: 12px;
       margin: 0;
    }
    .Paradise-section .owl-slider .item .hover-bottom span{
       font-size: 12px;
       font-weight: 700;
    }
    .Paradise-section .owl-slider .item .hover-bottom .rate-img{
       width: 12px;
       height: 12px;
    }
    .Paradise-section .owl-slider .item .hover-middle p{
       font-size: 16px;
       color: #fff;
       margin: 0;
    }
    .Paradise-section .owl-slider .item .hover-middle a{
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
    }
    .Paradise-section .owl-slider .item .hover-middle{
        margin: 0;
        position: absolute;
        top: 30%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    /* .Paradise-section .owl-slider .item .show-section{
        visibility: hidden;
    } */
    .Paradise-section .owl-slider .item .card-image:hover{
        cursor: pointer;
        padding: 0rem 0.5rem 0.5rem 0;
        transition: all 0.4s ease-out;
        /* visibility: visible; */
    }
    .Paradise-section .owl-slider .item .card-image img:hover{
        cursor: pointer;
        filter: blur(3px);
    }
    .Paradise-section .owl-slider .item .show-section:hover {
        transition: all 0.4s ease-out;
    }

    .Featured-section .card .card-img-bottom{
        height: 295px;
        width: 295px;
        object-fit: cover;
    }

    .Marketplace-header h2, .NTFS-featured h2 {
        font-size: 32px;
        letter-spacing: 1px;
        font-weight: 700;
        text-align: center;
        text-transform: capitalize;
    }
    .Marketplace-header p, .NTFS-featured p{
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: lighter;
        text-align: center;
        text-transform: capitalize;
    }
    .Marketplace-header{
        background-image: url("./../Images/MarketPlace/Header_Bg.png");
        padding: 2rem 0;
        margin-top: 4.4rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .Marketplace-featured .has-search .form-control, #mySidenav .has-search .form-control {
        padding-left: 2.375rem;
        border: 2px solid #000;
        border-radius: 0;
    }
    .Marketplace-featured .has-search .form-control::-webkit-input-placeholder, #mySidenav .has-search .form-control::-webkit-input-placeholder {
        font-size: 12px;
    }
    .Marketplace-featured .has-search .form-control:focus, #mySidenav .has-search .form-control:focus {
        box-shadow: none;
        border: 2px solid #000;
        z-index: 1;
    }
    
    .Marketplace-featured .has-search .form-control-feedback{
        position: absolute;
        z-index: 2;
        display: block;
        font-size: 1.3rem;
        width: 2.5rem;
        height: 2.375rem;
        line-height: 3.5rem;
        text-align: center;
        pointer-events: none;
        color: #000;
    }
    #mySidenav .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        font-size: 1rem;
        width: 2.5rem;
        height: 2.375rem;
        line-height: 2.5rem;
        text-align: center;
        pointer-events: none;
        color: #000;
    }
    .Marketplace-featured button {
        margin-top: 0;
        padding: 1.2rem 2.5rem;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 2px;
    }
    .Marketplace-featured .search-sidebar-icon {
        position: absolute;
        right: 0;
        cursor: pointer;
    }
    .Marketplace-featured .sidebar-logo {
        position: relative;
    }


    /*sidebar start */
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 105000;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 20px;
      }
      
      .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
      }
      
      @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
      }
    /* sidebar end */

    #mySidenav .collections-view h4{
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
    }
    #mySidenav .collections-view a{
        font-size: 12px;
        color: #000;
        text-transform: capitalize;
        font-weight: 700;
    }
    #mySidenav .collections-view a:hover {
        color: #000;
        text-decoration: none;
    }
    #mySidenav .collections-view h3{
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 500;
    }
    #mySidenav .collections-view i.fa-check-circle{
        font-size: 1.9rem;
    }
    #mySidenav .collections-view select{
        border: 1px solid #000;
        border-radius: 0;
    }
    #mySidenav .collections-view select:focus{
        border: 1px solid #000;
        box-shadow: none;
    }
    #mySidenav .collections-view .min{
        position: absolute;
        left: 1rem;
        top: 6.5rem;
        font-size: 11px;
        font-weight: 500;
    }
    #mySidenav .collections-view .max{
        position: absolute;
        right: 1rem;
        top: 6.5rem;
        font-size: 11px;
        font-weight: 500;
    }
    #mySidenav .buttons-view .cancel{
        background-color: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #000;
        padding: 0.5rem 2rem;
        border-radius: unset;
        text-transform: uppercase;
        cursor: pointer;
    }
    #mySidenav .buttons-view .cancel:focus{
        border: 1px solid #000;
        border-radius: unset;
        outline: 0;
    }
    #mySidenav .buttons-view .apply{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.5rem 2rem;
        border-radius: unset;
        cursor: pointer;
    }
    #mySidenav .buttons-view .apply:focus{
        border: 1px solid #000;
        border-radius: unset;
        outline: 0;
    }

    .frist-view-logo{
        position: fixed;
        left: 0;
        bottom: 7rem;
    }
    .frist-view-logo img{
        width: 60px;
        height: 60px;
    }

    .NTFS-section{
        margin-top: 1.4rem;
    }
    .NTFS-section .listing-data{
        display: flex;
        padding: 0;
        align-items: center;
        margin-top: 1.5rem;
    }
    .NTFS-section .listing-data li{
        list-style-type: none;
        margin-right: 3rem;
        display: flex;
        align-items: center;
        font-size: 12px;
    }
    .NTFS-section .b-side{
        margin-top: 4rem;
    }
    .NTFS-section .highcharts-title, .NTFS-section .highcharts-legend, .NTFS-section .highcharts-axis-title, .NTFS-section .highcharts-credits {
        display: none;
    }
    .NTFS-section h2{
        font-size: 32px;
        text-transform: capitalize;
        font-weight: 600;
        text-align: center;
        color: #FF0000;
        letter-spacing: 2px;
    }
    .NTFS-section .b-side .paper-title h3{
        font-size: 32px;
        font-weight: 600;
        margin-right: 2rem;
    }
    .NTFS-section .b-side .paper-title p{
        font-size: 12px;
        margin-bottom: 0;
    }
    .NTFS-section h5{
        font-size: 14px;
        letter-spacing: 4.2px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .NTFS-section .Description{
        margin-top: 2rem;
        padding: 0;
    }
    .NTFS-section .Description p{
        margin-top: 1.8rem;
        font-size: 13px;
        line-height: 2rem;
    }
    .NTFS-section .Description p b{
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .NTFS-section .Current-price{
        margin-top: 2rem;
        padding-right: 0;
    }
    .NTFS-section .Current-price p{
        margin-top: 2rem;
        font-size: 32px;
        font-weight: 600;
        display: flex;
        align-items: baseline;
    }
    .NTFS-section .Current-price p small{
        font-size: 16px;
        margin-left: 0.5rem;
        font-weight: normal;
    }
    .NTFS-section .Current-price .buttons-view{
        margin-top: 2rem;
    }

    .NTFS-section .Current-price .Offer-btn{
        background-color: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #000;
        padding: 0.5rem 1rem;
        letter-spacing: 2px;
        border-radius: unset;
        text-transform: uppercase;
        cursor: pointer;
    }
    .NTFS-section .Current-price .Offer-btn:focus{
        border: 1px solid #000;
        border-radius: unset;
        outline: 0;
    }
    .NTFS-section .Current-price .Buy-btn{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.5rem 1.5rem;
        letter-spacing: 2px;
        border-radius: unset;
        cursor: pointer;
    }
    .NTFS-section .Current-price .Buy-btn:focus{
        border: 1px solid #000;
        border-radius: unset;
        outline: 0;
    }
    .NTFS-section .Details{
        margin-top: 2rem;
        padding: 0;
    }
    .NTFS-section .Properties{
        margin-top: 2rem;
    }
    .NTFS-section .Details p{
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 2rem;
        margin-bottom: 0;
    }
    .NTFS-section .Details span{
        font-size: 14px;
        line-height: 2rem;
        text-transform: capitalize;
    }
    .NTFS-section .a-side{
        padding: 0;
    }
    .NTFS-section .a-side img{
        width: 665px;
        height: 665px;
    }
    .NTFS-section .Properties p{
        font-size: 16px;
        margin-top: 1.5rem;
        display: flex;
        align-items: center;
    }
    .NTFS-section .trading, .NTFS-section .price-history{
        margin-top: 2rem;
    }
    .NTFS-section .trading select{
        margin-top: 1.5rem;
        width: 20%;
    }
    .NTFS-section .trading select:focus{
        box-shadow: none;
    }
    .NTFS-section .trading .table{
        margin-top: 1rem;
    }
    .NTFS-section .trading .table .align-adjust{
        display: flex;
        align-items: center;
    }
    .NTFS-section .trading .table td, .NTFS-section .trading .table th {
        border-top: unset;
        border-bottom: 1px solid #dee2e6;
        font-weight: normal;
        font-size: 11px;
        padding: .5rem;
        vertical-align: middle;
    }
    .NTFS-section .price-history .price-tab select{
        margin-top: 1.5rem;
        width: 40%;
    }
    .NTFS-section .price-history .price-tab select:focus{
        box-shadow: none;
    }
    .NTFS-section .price-history .nav-link{
        font-size: 14px;
        letter-spacing: 4.2px;
        font-weight: 700;
        text-transform: uppercase;
        color: #000;
        padding: 0rem 0rem 0.5rem 0rem;
        margin-right: 1rem;
    }
    .NTFS-section .price-history .price-tab h6{
        font-size: 12px;
        letter-spacing: 4.2px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .NTFS-section .price-history .price-tab p{
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    .NTFS-section .price-history #container{
        margin-top: 1rem;
    }
    .NTFS-section .offers-tab p{
        font-size: 13px;
        margin-bottom: 0;
    }
    .NTFS-section .offers-tab span{
        font-size: 11px;
        text-transform: uppercase;
    }
    .NTFS-section .Current-price .buttons-view span {
        font-size: 12px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        margin-left: 2rem;
    }
    ::-webkit-scrollbar {
        width: 4px;
    }
    
    /* Track */
    
    ::-webkit-scrollbar-track {
        border-radius: 4px;
    }
    
    /* Handle */
    
    ::-webkit-scrollbar-thumb {
        background: #8b8b8ba3;
        border-radius: 4px;
    }
    .modal-first h4, .modal-second h4{
        font-size: 32px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: capitalize;
        line-height: 4rem;
    }
    .modal-first p, .modal-second p{
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .modal-first p b{
        font-weight: 600;
    }
    .modal-first .modal-body, .modal-second .modal-body{
        padding: 0rem 6rem 4rem;
    }
    .modal-first .modal-dialog, .modal-second .modal-dialog{
        max-width:760px;
        height: 520px;;
    }
    .modal-first .modal-body img{
        padding-right: 2rem;
    }
    .modal-first .url-copy{
        display: flex;
        align-items: center;
    }
    .modal-first .url-copy input{
        box-shadow: none;
        border: 1.5px dashed #ccc;
        border-radius: .25rem 0;
        padding: 0.7rem;
    }
    .modal-first .url-copy input:focus{
        box-shadow: none;
    }
    .modal-first .url-copy input::placeholder { 
        font-size: 14px;
        font-weight: 700;
        color: #000;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
      }
    .modal-first .url-copy i{
        padding: 0.96rem .75rem;
        border: 1.5px dashed #ccc;
        border-radius: 0 .25rem;
        cursor: pointer;
    }
    .modal-first .modal-body button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 4.5rem;
        letter-spacing: 2px;
        border-radius: unset;
        cursor: pointer;
    }
    .modal-first .modal-body button:focus{
        border: 1px solid #000;
        border-radius: unset;
        outline: 0;
        box-shadow: none;
    }
    .modal-second .modal-body .fox-img{
        padding-right: 2rem;
    }
    .modal-second .select-browser{
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 3rem;
    }
    .modal-second .select-browser .chrome{
        border: 2px dashed #ccc;
        border-radius: .25rem;
        margin-right: 1rem;
        padding: 1rem 2.6rem;
        text-align: center;
    }
    .modal-second .select-browser .FireFox{
        border: 2px dashed #ccc;
        border-radius: .25rem;
        margin-left: 1rem;
        padding: 1rem 2.6rem;
        text-align: center;
    }
    .modal-second .select-browser h5{
        font-size: 14px;
        font-weight: 700;
        margin-top: 0.5rem;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .modal-second .select-browser i{
        font-size: 5rem;
    }
    .Featured-art-section{
    background-image: url(./../Images/MarketPlace/featured-art-2.png) !important;
    padding: 2rem 0;
    background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .Featured-art-section .logo-img-set{
        padding-top: 2rem;
        text-align: center;
    }
    .congratulation h4{
        font-size: 32px;
        margin-top: 2rem;
        font-weight: 700;
        text-transform: capitalize;
    }
    .congratulation{
        text-align: center;
        padding: 3rem 1rem 0rem;
    }
    .balance{
        text-align: center;
        padding: 0rem 1rem 0rem;
    }
    .congratulation p{
        font-size: 14px;
        margin-top: 1.5rem;
    }
    .balance h5{
        font-size: 14px;
        margin-top: 4rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .balance p{
        font-size: 32px;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .faqs{
        text-align: left;
        margin-top: 5rem;
        padding: 2rem 1rem 1.5rem;
        border-top: 1px solid #DDDDDD;
    }
    .faqs h5{
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 1rem;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .faqs p{
        font-size: 14px;
    }
    .Reward-section .a-side{
        border: 1px solid #DDDDDD;
        border-radius: 4px;
        padding: 0;
    }
    .Transaction h4{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
    .Transaction .table th{
        font-size: 12px;
        font-weight: 700;
        text-transform: capitalize;
        border: 0;
    }
    .Transaction .table{
        border-top: 2px solid #dee2e6;
    }
    .Transaction .table td{
        font-size: 14px;
        font-weight: normal;
    }
    .Transaction .table td {
        border-top: unset;
        border-bottom: 1px solid #dee2e6;
        vertical-align: middle;
    }
    .Transaction .table td:nth-child(3), .Transaction .table th:nth-child(3) {
       text-align: center;
    }
    .Reward-section .b-side{
        padding: 0rem 0rem 0rem 7rem;
    }
    .terms p{
        font-size: 18px;
    }
    .terms h3{
        font-size: 24px;
        font-weight: 700;
        margin-top: 3rem;
    }
    .terms ul{
        margin: 0;
    }
    .terms ul li{
        list-style-type: none;
    }
    .Transaction .pagination .page-link{
        color: #000;
    }
    .Transaction .pagination .page-link:focus{
        box-shadow: none;
    }
    .Transaction .history {
        border-top: 2px solid #dee2e6;
    }
    .Transaction .history .history-section {
  /* Center vertically and horizontally */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        text-align:center;
    }
    .Transaction .history p{
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 1rem;
    }
    .Transaction .history i{
        font-size: 26px;
    }
    .account-detail h5{
        font-size: 12px;
        margin-top: 2rem;
        letter-spacing: 2px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .wallet h5{
        font-size: 12px;
        letter-spacing: 2px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .wallet h4{
        font-size: 12px;
        margin-top: 2.5rem;
        letter-spacing: 2px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .account-detail h3{
        font-size: 32px;
        margin-top: 0.5rem;
        font-weight: 700;
    }
    .account-detail{
        padding: 3rem 1.5rem 1.5rem;
    }
    .wallet{
        padding: 2rem 1.5rem 1.5rem;
        border-top: 1px solid #DDDDDD;
    }
    .account-detail p{
        font-size: 14px;
        margin-top: 0.5rem;
        line-height: 23px;
    }
    .wallet p{
        font-size: 14px;
        margin-top: 0.5rem;
    }
    .wallet p i{
        font-size: 18px;
        float: right;
    }
    .Account-section .a-side{
        border: 1px solid #DDDDDD;
        border-radius: 4px;
        padding: 0;
    }
    .Account-section .b-side{
        padding: 0rem 0rem 0rem 7rem;
    }
    .profile h4{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 1rem;
    }
    .notifications h4{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 4rem;
        margin-bottom: 1rem;
    }
    .wallet .dropdown-toggle{
        display: flex;
        align-items: center;
        border: 1px solid #000;
        border-radius: 0;
        color: #000;
        text-decoration: none;
        padding: .375rem 1.75rem;
    }
    .wallet .dropdown-item{
        display: flex;
        align-items: center;
    }
    .wallet .dropdown-item img{
        margin-right: 0.5rem;
    }
    .wallet input{
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
        text-align: right;
    }
    .wallet input:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
        box-shadow: none;
    }
    
    .wallet input::placeholder { 
        color: #000;
        opacity: 1;
      }
    .profile input, .profile textarea{
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
    }
    .profile input:focus, .profile textarea:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
        box-shadow: none;
    }
    
    .profile input::placeholder, .profile textarea::placeholder { 
        color: #000;
        opacity: 1;
      }
      .notifications .listings .items{
          border-bottom: 1px solid #DDDDDD;
          display: flex;
          align-items: center;
          padding: 0.5rem 0;
      }
      .notifications .listings h5{
          font-size: 14px;
          font-weight: 700;
          text-transform: capitalize;
      }
      .notifications .listings p{
          font-size: 14px;
          margin: 0;
      }
      .listings input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
      }
      
      .listings label {
        position: relative;
        cursor: pointer;
      }
      
      .listings label:before {
        content:'';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #000;
        border-radius: 4px;
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 1.5rem;
      }
      
      .listings input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 9px;
        width: 6px;
        height: 14px;
        border: solid #000;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
      }
      .listings button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        padding: 0.7rem 9rem;
        border-radius: unset;
        cursor: pointer;
    }
    .listings button:focus{
        border-radius: unset;
        box-shadow: none;
    }
    .Signup-section{
        background-image: url("./../Images/Rewards/Creator\ Signup\ -\ 01.png");
        padding: 6.5rem 0rem 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    .Signup-section .a-side{
        padding: 0rem 4rem 0rem 0rem;
    }
    .Signup-section .a-side h1{
        font-size: 32px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-top: 4rem;
        margin-bottom: 0;
        text-transform: capitalize;
    }
    .Signup-section .a-side p{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 26px;
        margin-top: 0.5rem;
        margin-bottom: 3rem;
    }
    .Signup-section .a-side .copyright{
        font-size: 14px;
        line-height: 26px;
        margin-top: 5.5rem;
    }
    .Signup-section .a-side h4{
        font-size: 12px;
        letter-spacing: 2px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
    }
    .Signup-section .a-side button,
    .BtnBorder {
        background-color: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 7rem;
        border-radius: unset;
        margin-top: 2rem;
        cursor: pointer;
        text-decoration: none;
    }
    .BtnBorder:hover {
        background-color: #000;
        text-decoration: none;
        color: #fff;
    }
    .Signup-section .a-side button:focus, .Signup-section .a-side button:active{
        border-radius: unset;
        box-shadow: none;
    }
    .Signup-section .b-side{
       text-align: center;
       padding: 0rem 0rem 0rem 15rem;
    }
    .Signup-section .b-side h4{
        font-size: 32px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: capitalize;
        line-height: 4rem;
    }
    .Signup-section .b-side p{
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .Signup-section .b-side p b{
        font-weight: 700;
    }
    .Signup-section .b-side .url-copy{
        display: flex;
        align-items: center;
    }
    .Signup-section .b-side .url-copy input{
        box-shadow: none;
        background-color: #000;
        border: 1.5px solid #000;
        border-right: 1px solid #fff;
        color: #fff;
        padding: 0.7rem;
    }
    .Signup-section .b-side .url-copy input:focus{
        box-shadow: none;
    }
    .Signup-section .b-side .url-copy input::placeholder { 
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
      }
    .Signup-section .b-side .url-copy i{
        padding: 1rem .75rem;
        border: 1.5px solid #fff;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }
    .Signup-section .b-side .dropdown{
        position: absolute;
        right: 0;
        bottom: 36rem;
        padding: 0rem 0.7rem !important;
        color: #000;
    }
    .Signup-section .b-side .dropdown .dropdown-item{
        display: flex;
        align-items: center;
    }
    .Signup-section .b-side .dropdown .dropdown-item img{
        margin-right: 0.5rem;
    }
    .Signup-section .b-side .select-browser{
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 3rem;
    }
    .Signup-section .b-side .select-browser .chrome{
        border: 2px dashed #ccc;
        border-radius: .25rem;
        margin-right: 1rem;
        padding: 0.5rem 2.6rem;
        color: #000;
        text-decoration: unset;
        text-align: center;
    }
    .Signup-section .b-side .select-browser .FireFox{
        border: 2px dashed #ccc;
        border-radius: .25rem;
        margin-left: 1rem;
        color: #000;
        text-decoration: unset;
        padding: 0.5rem 2.6rem;
        text-align: center;
    }
    .Signup-section .b-side .select-browser h5{
        font-size: 14px;
        font-weight: 700;
        margin-top: 0.5rem;
        margin-bottom: 0;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .Signup-section .b-side .select-browser i{
        font-size: 5rem;
    }
    .Signup-section2 .b-side{
        text-align: center;
        padding: 0rem 0rem 0rem 7rem;
    }
    .Signup-section .B-side{
        text-align: left;
        padding: 0rem 0rem 0rem 7rem;
    }
    .Signup-section .B-side h4{
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: unset;
    }
    .Signup-section .B-side input, .Signup-section .B-side textarea{
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
    }
    .Signup-section .B-side input:focus, .Signup-section .B-side textarea:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
        box-shadow: none;
    }
    
    .Signup-section .B-side input::placeholder, .Signup-section .B-side textarea::placeholder { 
        color: #000;
        opacity: 1;
        font-size: 11px;
      }
      .Signup-section .B-side .agree-section input, .Upload-ArtWork .b-side .agree-section input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
      }
      
      .Signup-section .B-side .agree-section label, .Upload-ArtWork .b-side .agree-section label {
        position: relative;
        cursor: pointer;
        margin: 0;
      }
      
      .Signup-section .B-side .agree-section label:before, .Upload-ArtWork .b-side .agree-section label:before {
        content:'';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #000;
        border-radius: 4px;
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 1.5rem;
      }
      
      .Signup-section .B-side .agree-section input:checked + label:after, .Upload-ArtWork .b-side .agree-section input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 9px;
        width: 6px;
        height: 14px;
        border: solid #000;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
      }
      .Signup-section .B-side .agree-section, .Upload-ArtWork .b-side .agree-section  {
        display: flex;
        align-items: center;
      }
      .Signup-section .B-side .agree-section p, .Upload-ArtWork .b-side .agree-section p{
        margin: 0;
        font-size: 14px;
      }
      .Signup-section .B-side .agree-section p b{
        font-weight: 700;
      }
      .Signup-section .B-side button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 9rem;
        border-radius: unset;
        cursor: pointer;
    }
    .Signup-section .B-side button a{
        color: #fff;
        text-decoration: unset;
    }
    .Signup-section .B-side button:focus, .Signup-section .B-side button:active{
        border-radius: unset;
        box-shadow: none;
    }
    .Upload-ArtWork .a-side h3{
        font-size: 32px;
        font-weight: 700;
        text-transform: capitalize;
        letter-spacing: 1px;
    }
    .Upload-ArtWork .a-side p{
        font-size: 14px;
        letter-spacing: 1px;
    }
    .Upload-ArtWork .a-side input, .Upload-ArtWork .a-side textarea{
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
    }
    .Upload-ArtWork .a-side input:focus, .Upload-ArtWork .a-side textarea:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
        box-shadow: none;
    }
    
    .Upload-ArtWork .a-side input::placeholder, .Upload-ArtWork .a-side textarea::placeholder { 
        color: #000;
        opacity: 1;
        font-size: 11px;
    }
    .Upload-ArtWork .a-side button{
        background-color: #fff;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 7rem;
        border-radius: unset;
        cursor: pointer;
    }
    .Upload-ArtWork .a-side button a{
        color: #000;
        text-decoration: unset;
    }
    .Upload-ArtWork .a-side button:focus, .Upload-ArtWork .a-side button:active{
        border-radius: unset;
        box-shadow: none;
    }
    .Upload-ArtWork .a-side .upload-set{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .Upload-ArtWork .a-side .upload-set .required{
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .Upload-ArtWork .a-side .drop-zone {
        max-width: 100%;
        height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
        color: #000;
        border: 2px dashed #DDDDDD;
        border-radius: 0;
      }
      .Upload-ArtWork .a-side .drop-zone h5 {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-top: 2rem;
      }
      .Upload-ArtWork .a-side .drop-zone span {
        font-size: 12px;
        margin-top: 3rem;
      }
      .Upload-ArtWork .a-side .drop-zone i {
        font-size: 24px;
      }
      
      .Upload-ArtWork .a-side .drop-zone--over {
        border-style: solid;
      }
      
      .Upload-ArtWork .a-side .drop-zone__input {
        display: none;
      }
      
      .Upload-ArtWork .a-side .drop-zone__thumb {
        width: 100%;
        height: 100%;
        border-radius: 0;
        overflow: hidden;
        background-color: #cccccc;
        background-size: cover;
        position: relative;
      }
      
      .Upload-ArtWork .a-side .drop-zone__thumb::after {
        content: attr(data-label);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 0;
        color: #000;
        background: rgba(0, 0, 0, 0.75);
        font-size: 14px;
        text-align: center;
      }
      .Upload-ArtWork{
        padding: 3rem 0rem;
      }
      .Upload-ArtWork .b-side{
        padding: 0rem 0rem 0rem 4rem;
      }
      .Upload-ArtWork .b-side .lists{
          display: flex;
          align-items: center;
      }
      .Upload-ArtWork .b-side .lists h4{
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 1px;
      }
      .Upload-ArtWork .b-side .lists p{
          font-size: 14px;
          line-height: 20px;
          margin-bottom: 0;
          margin-top: 1rem;
      }
      .Upload-ArtWork .b-side .lists i{
          line-height: 15px;
          cursor: pointer;
          font-size: 24px;
      }
      .Upload-ArtWork .b-side button{
        background-color: #DDDDDD;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #DDDDDD;
        text-transform: uppercase;
        padding: 0.7rem 9rem;
        border-radius: unset;
        cursor:not-allowed;
        margin: 0rem 0rem 0rem 2rem;
    }
      .Upload-ArtWork .b-side .register-button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 9rem;
        border-radius: unset;
        margin: 0rem 0rem 0rem 2rem;
        cursor: pointer;
    }
    .Upload-ArtWork .b-side .register-button  a{
        color: #fff;
        text-decoration: unset;
        cursor: pointer;
    }
    .Upload-ArtWork .b-side button a{
        color: #fff;
        text-decoration: unset;
        cursor:not-allowed;
    }
    .Upload-ArtWork .b-side button:focus, .Upload-ArtWork .b-side button:active,
    .Upload-ArtWork .b-side .register-button:focus, .Upload-ArtWork .b-side .register-button:active{
        border-radius: unset;
        box-shadow: none;
    }
    .Upload-ArtWork .b-side .agree-section{
        margin: 0rem 0rem 0rem 2rem;
    }
    .Upload-ArtWork .b-side .botom-section{
        position: absolute;
        bottom: 0;  
    }
    .Contact-us .b-side input, .Contact-us .b-side textarea{
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
        border-radius: 0;
    }
    .Contact-us .b-side input:focus, .Contact-us .b-side textarea:focus{
        background-color: #fff;
        color: #000;
        border-radius: 0;
        border-color:#000;
        box-shadow: none;
    }
    
    .Contact-us .b-side input::placeholder, .Contact-us .b-side textarea::placeholder { 
        color: #000;
        opacity: 1;
        font-size: 11px;
    }
    .Contact-us .a-side h4, .Contact-us .b-side h4{
        font-size: 24px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
    }
    .Contact-us .a-side p{
        font-size: 21px;
        margin-bottom: 0;
        margin-top: 3rem;
    }
    .Contact-us .a-side .contact-info{
        display: flex;
        align-items: center;
        font-size: 24px;
    }
    .Contact-us .b-side h5{
        font-size: 14px;
        font-weight: 700;
        margin-top: 1rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 0;
    }
    .Contact-us .b-side button{
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        border: 1px solid #000;
        text-transform: uppercase;
        padding: 0.7rem 9rem;
        border-radius: unset;
        cursor: pointer;
    }
    .Contact-us .b-side button:focus, .Contact-us .b-side button:active{
        border-radius: unset;
        box-shadow: none;
    }
    .Collapse-section{
        background-color: #F4F4F4;
    }
    .Collapse-section h4{
        font-size: 32px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
    }
    .Collapse-section h6{
        font-size: 14px;
        letter-spacing: 1px;
        text-align: center;
        font-weight: normal;
    }
    .Collapse-section h6 b{
        font-weight: 700;
    }
    #headingOne[aria-expanded=true] .fa-plus,
    #headingTwo[aria-expanded=true] .fa-plus,
    #headingThree[aria-expanded=true] .fa-plus,
    #headingFour[aria-expanded=true] .fa-plus,
    #headingFive[aria-expanded=true] .fa-plus {
        display: none;
     }
     #headingOne[aria-expanded=false] .fa-minus,
     #headingTwo[aria-expanded=false] .fa-minus,
     #headingThree[aria-expanded=false] .fa-minus,
     #headingFour[aria-expanded=false] .fa-minus,
     #headingFive[aria-expanded=false] .fa-minus {
        display: none;
     }
     .Contact-us{
        padding: 8rem 0rem;
     }
     .Collapse-section .card{
        border-top: 1px solid #E9E9E9 !important;
        border: 0;
        border-radius: 0;
     }
     .Collapse-section .card-header{
        background: #fff;
        border-right: 0;
        border-left: 0;
        display: flex;
        border: 0;
        align-items: center;
        justify-content: space-between;
        padding: 1.3rem 1rem;
        cursor: pointer;
        border-radius: 0;
     }
     .Collapse-section .card-header h5, .Collapse-section .card-header i{
         font-size: 24px;
         font-weight: 700;
     }
     .Collapse-section #accordion{
        margin-top: 6rem;
     }
     .Collapse-section .card-body{
        font-size: 18px;
        margin-bottom: 3rem;
        padding: 1rem 4.4rem;
    }

    .terms-and-conditions-signup a {
        color: #999 !important;
        outline: 0;
        text-decoration: none;
    }

      .terms-and-conditions-signup a:hover {
        color: #333 !important;
    }

.ImgContain {
    object-fit: contain;
}
.TextBreak {
    word-break:break-all;
}

.LanguageDropDown a {
    background-color: #848585;
    color: #fff;
    font-size: 20px;
    border-radius: 50rem;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 7px;
    max-width: 110px;
    text-align: center;
    width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.ImgDetail {
    max-width: 80%;
    width: 100%;
    max-height: 450px;
    margin: 0 auto;
    display: block;
}

/*.CollectionImg img {
    max-width: 100%;
}*/
.CollectionImg .Pixel,
.CollectionImg .Paper,
.CollectionImg .Beckhardt,
.CollectionImg .Last,
.CollectionImg .Drops {
    background-image: url("./../Images/icon-pixel-bart.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.CollectionImg .Paper {
    background-image: url("./../Images/icon-paper-boy.jpg");
}
.CollectionImg .Beckhardt {
    background-image: url("./../Images/icon-cuscus.jpg");
}
.CollectionImg .Last {
    background-image: url("./../Images/icon-the-last-of-kind.png");
}
.CollectionImg .Drops {
    background-image: url("./../Images/icon-sandy.jpg");
}

.LabelHeight {
    min-height: 50px;
}