.wrapper{
    display: flex;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.sidebar{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    min-height: 100vh;
    width: 200px;
    z-index: 100;
    transition: all 0.5s ease;
    transition-duration: 0.9s;
    border: 1px solid rgb(203, 223, 255);
    border-radius: 0px 15px 0px 0px;
    background: -webkit-linear-gradient(0deg, rgb(247, 250, 255) 0%, rgba(247, 250, 255, 0) 100%);
}
.sidebar.close{
    width: 50px;
}
.sidebar .logo-details{
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}
.sidebar .logo-details img{
    width: 85px;
}
.sidebar .logo-details i{
  font-size: 30px;
  color: #fff;
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
}
.sidebar .logo-details .logo_name{
    font-size: 17px;
    font-weight: 400;
    transition: 0.3s ease;
    transition-delay: 0.1s;
    padding: 12px 0px 0px 0px;
    text-transform: uppercase;
    display: block;
    color: #bdb5b5;
}
.sidebar.close .logo-details .logo_name{
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links{
    height: 100%;
    padding: 5px 10px 15px 10px;
    overflow: auto;
}
.sidebar.close .nav-links{
  overflow: visible;
}
.sidebar .nav-links::-webkit-scrollbar{
  display: none;
}
.sidebar .nav-links li{
    position: relative;
    list-style: none;
    transition: all 0.4s ease;
    background: transparent;
    margin: 5px 0px;
    border-radius: 3px 0px 0px 3px;
    transition-duration: 1s;
    box-shadow: inset 0 0 0 0 #00a2e5;
    padding: 0px 0px;
    border-radius: 7px;
}
.sidebar .nav-links li:hover{
    box-shadow: inset 350px 0 0 0 #2965f9;
    transition-duration: 1s;
    color: #000;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
}
.sidebar .nav-links li:hover .link_name{
    color: #fff;
}
.sidebar .nav-links li:hover i{
    color: #000;
    transition-duration:1s;
    -webkit-text-fill-color: unset;
}
.sidebar .nav-links li:hover a , .sidebar .nav-links li a:hover{
    color:#000;
}
.sidebar .nav-links li .icon-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sidebar.close .nav-links li .icon-link{
    display: block
}
.sidebar .nav-links li i{
    height: 50px;
    min-width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #777b7d;
}
.sidebar .nav-links li.showMenu i.arrow{
  transform: rotate(-180deg);
}

.sidebar.close .nav-links i.arrow{
  display: none;
}
.sidebar .nav-links li a{
    display: flex;
    align-items: center;
    color: #fff;

    font-size: 14px;
    font-weight: 500;
}
.sidebar .nav-links li a .link_name{
    font-size: 14px;
    font-weight: 600;
    color: #73797f;
    transition: all 0.4s ease;
}
.sidebar.close .nav-links li a .link_name{
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links li .sub-menu{
    padding: 6px 10px 10px 10px;
    margin-top: -10px;
    background: linear-gradient(84deg, #040a27, #040a27 );
    display: none;
}

.sidebar .nav-links li.showMenu .sub-menu{
  display: block;
}
.sidebar .nav-links li .sub-menu a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 6px;
    white-space: nowrap;
    opacity: 0.8;
    transition: all 0.3s ease;
}
.sidebar .nav-links li .sub-menu a:hover{
  opacity: 1;
}
.sidebar.close .nav-links li .sub-menu{
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 10px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 1s;
  box-shadow: inset 0 0 0 0 #55ecff;
}
.sidebar.close .nav-links li .sub-menu:hover{
    box-shadow: inset 350px 0 0 0 #ac37a6;
    transition: 1s;
}
.sidebar.close .nav-links li:hover .sub-menu{
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
}
.sidebar .nav-links li .sub-menu .link_name{
  display: none;
}
.sidebar.close .nav-links li .sub-menu .link_name{
    font-size: 15px;
    opacity: 1;
    display: block;
    background: transparent;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    border: none;
    background: none;
    color: #fff;
}
.sub-menu .blank:hover a{
    color:#000;
}
.sidebar .nav-links li .sub-menu.blank{
    opacity: 1;
    pointer-events: auto;
    padding: 2px 20px 2px 16px;
    opacity: 0;
    pointer-events: none;
    color: #fff;
    background: #232323;
}
.sidebar .nav-links li .sub-menu.blank li{
    position: relative;
    list-style: none;
    transition: all 0.4s ease;
    background: none;
    margin: 5px 0px;
    border-radius: 3px 0px 0px 3px;
    transition-duration: 1s;
    box-shadow: inset 0 0 0 0 #55ecff;
    padding: 0px 0px;
    border: 1px;
    border-top: 1px dashed #73ba3f30;
    border-bottom: 1px dashed #73ba3f30;
    color: #fff;
    border: none;
}
.sidebar .nav-links li:hover .sub-menu.blank{
  top: 50%;
  transform: translateY(-50%);
}
.sidebar .profile-details{
    position: fixed;
    bottom: 0;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #00000054;
    padding: 14px 10px;
    transition: all 0.5s ease;
}


.sidebar.close .profile-details{
  background: none;
}
.sidebar.close .profile-details{
  width: 78px;
}
.sidebar .profile-details .profile-content{
  display: flex;
  align-items: center;
}
.sidebar .profile-details img{
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 16px;
  margin: 0 14px 0 12px;
  background: #1d1b31;
  transition: all 0.5s ease;
}
.sidebar.close .profile-details img{
  padding: 10px;
}

.sidebar .profile-details .profile_name{
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
    text-transform: capitalize;
    background: linear-gradient(180deg, #fed221 20%, #ffac11 ,#ff8601 85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    margin: 0px;
}

.profile-details i{
    font-size: 28px !important;
    color: #ffc019 !important;
}


.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job{
  display: none;
}

.sidebar .profile-details .job{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.home-section{
    position: relative;
    background:#fff;
    min-height: 100%;
    left: 0px;
    width: calc(100% - 200px);
    transition: all 0.5s ease;
}
.sidebar.close ~ .home-section{
  left: 0px;
  width: calc(100% - 50px);
}

.home-section .home-content .ri-menu-line{
    border-radius: 4px;
    color: #fff;
    transition-duration: inherit;
    margin: 0px 10px;
    cursor: pointer;
    border: 4px double #5e6164;
    padding: 1px 10px;
    display:none;
}
.home-section .home-content .ri-menu-line:hover{
    filter: drop-shadow(2px 3px 5px #fff); 
    transition-duration:1s;
}
.home-section .home-content .head{
    font-size: 29px;
    font-weight: 600;
    padding: 0px;
    margin: 7px 0px 10px 0px;
    text-transform: capitalize;
    background: linear-gradient(90deg, rgb(10 150 255) 0%, rgb(0 255 35) 100%) text;
    -webkit-text-fill-color: transparent;
}
.home-section .home-content .bx-menu{
    margin: 0 15px;
    cursor: pointer;
    color: #fe5959;
    border: 1px solid #fe5959;
    border-radius: 6px;
    padding: 0px 4px;
}

.home-section .home-content .text1{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    float:right;
    background: url(../images/but_bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.home-section .home-content1{
    display: flex;
    float: right;
    gap: 23px;
    align-items: center;
    padding: 10px 10px;
}

.home-section .home-content1 h2{
    font-size: 16px;
    font-weight: 500;
    color: #a3a9b1;
    padding: 10px 0px 5px 15px;
}
.home-section .home-content1 h2 span{ 
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.home-section .home-content h3{ 
    display: block;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    padding: 0px 10px 0px 13px;
    text-transform: capitalize;
}
.home-section .home-content h3 .img1{ 
    max-width: 27px;
    margin: -4px 0px 0px 5px;
}
.home-section .headerall_top{
    padding: 0px 0px 0px 10px;
    position: relative;
    box-shadow: 0px 14px 34px rgb(198 224 253 / 34%);
    border-bottom: 1px solid #ffce6752;
    background: #f8faff;
}
.home-section .home-content1 .top_detail{
    margin: 0px 0px 0px 0px;
}
.home-section .home-content1 .top_detail li{
    display: inline-block;
    width: 40%;
    text-align: right;
}
.home-section .home-content1 .top_detail li:nth-child(1){
    width: 98%;
}
.home-section .home-content1 .top_detail li:nth-child(2){
    width: 10%;
}
.home-section .home-content1 .top_detail li .acc_img1{
    max-width: 52px;
    float: right;
    margin: 0px 0px 0px 18px;
}
.home-section .home-content1 .top_detail li h3{
    background: #1d1d1d;
    padding: 8px;
    border-radius: 5px;
    font-size: 17px;
    max-width: 148px;
    text-align: center;
    display:inline-block;
}
.home-section .home-content1 .top_detail li h3 i{
    margin: 0px 5px 0px 0px;
    font-size: 30px;
    vertical-align: middle;
}
.home-section .home-content1 .top_detail li h3 span{
    color: #fff;
    font-size: 15px;
}
.home-section .home-content1 .top_detail .details{
    
    
}
.home-section .home-content1 .top_detail .details img{
    margin: 0px 5px !important;
    color: #ada7a7;
    max-width: 45px;
    transition: 1s;
}
.home-section .home-content1 .top_detail .details img:hover{
    transform: translateY(-8px);
    transition: 1s;
}


.home-section .log_detail{
    position: relative;
    display: flex;
    justify-content: end;
}
.home-section .log_detail button{
      border-radius: 50%;
    outline: none;
    border: 1px solid #e6eff5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.9s;
    background: #fff;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: .2s ease-in-out;
}
.home-section .log_detail button:hover{
    border: 1px solid #fff;
    transition:0.9s;
}
.home-section .log_detail button:hover i{
    color:#0098f9;
    transition:0.9s;
}
.home-section .log_detail button i{
     color: #232631;
    font-size: 20px;
}
.home-section .log_detail .log_list{
    position: absolute;
    background: #f8f8f8;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    top: 48px;
    right: 0px;
    width: 170px;
    display: none;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.ri-menu-line{
    display:none;
    border-radius: 4px;
    color: #000000;
    transition-duration: inherit;
    margin: 0px 10px;
    cursor: pointer;
    border: 3px double #00b1ff;
    padding: 1px 10px;
}
.home-section .log_detail .log_list li{
    display: block !important;
    width: 100% !important;
    text-align: center;
    margin: 5px 0px;
    background: #f7faff;
}
.home-section .log_detail .log_list a{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 10px 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #2f323b;
    transition:0.8s;
}
.home-section .log_detail .log_list a:hover{
    background: #282b3287;
    transform: translateY(-8px);
    transition:0.8s;
}
.home-section .log_detail .log_list a img{
    max-width: 25px;
    float: left;
}
.home-section .log_detail .log_list a i{
    float: left;
    color: #ffb85e;
    position: relative;
    top: 3px;
}
.home-section .log_detail .log_list a:hover{
     background: #7e7e7e;
    filter: drop-shadow(2px 4px 6px #f6faff40);
    transition: 1s;
    color: #fff;
    border: 1px solid #f6faff40;
}
.home-section .home-content1 .dropdown-toggle::after{
    content:unset;
}
.head_d1 {
    display: flex;
    align-items: center;
    justify-content: start;
}
.head_d1 a {
    max-width: 33px;
    margin: 0px 5px 0px 0px;

}
.head_d1 h3{
    font-size: 17px;
    font-weight: 600;
    color: #2a95ff;
    text-transform: uppercase;
}
.head_d1 h3 span{
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #464646;
    padding: 5px 0px 0px;
    text-transform: capitalize;
}

.btn::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #1f3a93;
    transform: scale(0);
    transform-origin: 83% 86%;
    transition-property: transform;
    transition-duration: 0.5s;
    background: url(../images/favicon.png);
    background-size: 100% 100%;
    /* max-width: 36px; */
    background-color: #000;
}

 .head-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	grid-gap: 16px;
	flex-wrap: wrap;
	padding: 0px 0px 10px 0px;
}
 .head-title .left h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 1px;
    color: #7a7a7a;
    text-transform: capitalize;
}
 .head-title .left .breadcrumb {
	display: flex;
	align-items: center;
	grid-gap: 16px;
}
 .head-title .left .breadcrumb li {
	color: var(--dark);
}
  .head-title .left .breadcrumb li a {
	color: var(--dark-grey);
	pointer-events: none;
}
  .head-title .left .breadcrumb li a.active {
    color: #0094f5;
	pointer-events: unset;
	font-weight: 500;
}










@media (max-width: 991px) {
    .sidebar.close {
        width: 0;
        overflow: hidden;
    }
    .sidebar.close.small-screen{
        width: 50px;
       overflow: initial;
    }
    .admin2_bg .table-responsive table {
        width:100% !IMPORTANT;
        min-width: 500px;
    }
    
    .home-section .home-content .head{
        text-align:start;
    }
    .ri-menu-line{
        display:block;
    }
    .home-section .home-content1 {
        gap: 8px;
        padding: 10px 10px;
        justify-content: center;
    }
}
/******=====HEADERALL CSS PART=====*****/ 
.admin1_bg{
    padding:25px 0px;
}

@media (max-width:991px){
    .sidebar.close ~ .home-section {
        width: calc(100% - 0px);
    }
    .user_toptext .img1 {
        top: 15px;
    }
    .user_toptext {
        margin: 15px 0px;
    }
   
    .home-section {
        width: calc(100% - 0px);
    }
    .sidebar{
        position: absolute;
        border-right: none;
    }
    .home-section .home-content .ri-menu-line {
        border: 4px double #5e6164;
        display: block; 
        position: absolute;
        right: 0px;
        top: 14px;
    }
    .sidebar {
        border: 1px solid rgb(203, 223, 255);
        border-radius: 0px 15px 0px 0px;
        background: -webkit-linear-gradient(0deg, rgb(255 255 255) 0%, rgb(255 255 255) 100%);
    }
}



/******=====ACCOUNT CSS PART=====*****/ 
.admin1_bg{
    padding:25px 0px;
}

.acc2_box ul{
    text-align:center;
}
.acc2_box li {
    display: inline-block;
    width: 24%;
}
.acc2 {
    border: 1px solid #7a7a7a1f;
    padding: 15px 10px 10px;
    border-radius: 5px;
    margin: 15px auto 0px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    background: rgba(241, 242, 242, 0.5);
    box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
    position:relative;
}
.acc2:before{
    position: absolute;
    content: "";
    width: 89px;
    height: 6px;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(45deg, #ffb15b, #ffd369);
}
.acc2 h3{
    font-size: 14px;
    color: #3e3c3c;
    text-transform: capitalize;
    font-weight: 500;
    text-align:end;
}
.acc2 img{
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
    padding: 10px;
    fill: #0099f7;
    box-shadow: 7px 7px 5px rgba(192, 202, 216, 0.22);
    border-radius: 5px;
    background: #888a838a;
    border: 1px solid #f0eff5;
}
.acc2 span{
    display: block;
    color: #0097fb;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0px 0px;
}
.acc2 svg{
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px;
    padding: 10px;
    fill: #0099f7;
    box-shadow: 7px 7px 5px rgba(192, 202, 216, 0.22);
    border-radius: 5px;
    background: #f8f8f8;
    border: 1px solid #f0eff5;
}




.payment_detail{
    overflow-y: scroll;
    max-height: 318px;
}
.payment_detail::-webkit-scrollbar{
    display:none;
}
.payment_detail ul {
    padding: 10px;
    background: #f8f8f8;
    margin: 5px;
    box-shadow: rgb(187 187 187 / 66%) 0px 22px 70px 4px;
    border-radius: 10px;
}
.payment_detail li{
    display: inline-block;
    width: 32%;
}
.payment_detail li:nth-child(1){
    text-align: start;
}
.payment_detail li:nth-child(2){
    text-align: center;
}
.payment_detail li:nth-child(3){
    text-align: right;
}

.payment_detail .pay_text{
    padding: 10px;
    background: #7a7a7a;
    margin: 5px;
    box-shadow: rgb(187 187 187 / 66%) 0px 22px 70px 4px;
    border-radius: 10px;
}
.payment_detail .pay_text h3 {
    font-size: 15px;
    color: #fbfbfb;
    font-weight: 600;
}
.payment_detail h3{
     font-size: 14px;
    font-weight: 400;
    color: #818181;
}
.payment_detail h4{
     font-size: 15px;
    color: #808090;
    font-weight: 600;
}
.payment_detail h4 img{
    max-width: 30px;
    margin: 0px 2px 0px 0px;
}
.payment_detail h4 span{
    font-size: 14px;
    font-weight: 400;
    color: #7c7c7c;
}
.payment_detail a{
    font-size: 12px;
    padding: 5px 14px;
    border-radius: 5px;
    color: #f9f9f9;
}
.acc_sec_1{
    padding: 10px 10px 18px;
    border-radius: 5px;
    border: 0.0625rem solid #D1D9E6;
    box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #f0eff5;
    background: url(../images/plan_pic.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.acc_sec_1 a{
    
}
.acc_sec_1 p{
    display: flex;
    justify-content: space-between;
    padding: 13px 5px;
    font-size: 14px;
    color: #7f7f7f;
    align-items: center;
    border-bottom: 1px solid #51565a;
}
.acc_sec_1 i{
    float: left;
    color: #00c1fc;
    background: #000;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    top: 12px;
    margin: 0px 10px 0px 0px;
    box-shadow: rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    background-color: #e8e8e8;
}
.acc_sec_1 span{
     color: #808080;
    font-weight: 600;
}
.acc_ref{
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12); 
    margin: 20px 0px;
}
.acc_ref h2{
    font-size: 17px;
    font-weight: 600;
    color: #6e6e73;
}
.acc_ref h2 span{
    color: #7f7f7f;
    font-weight: 600;
    font-size: 14px;
}
.acc_ref h3{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    color: #302e3b;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0px 0px;
}
.acc_ref h3 a{
    color: #00c6fc;
    font-weight: 600;
}
.acc_ref h2 a{
    color: #6a76f9;
    font-weight: 600;
}
.acc_ref h2 button{
    background: none;
    border: none;
    outline: none;
    box-shadow: unset !important;
    float: right;
}
.acc_ref h2 button i{
    background: #7a7a7a;
    padding: 0px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #ffee57 !important;
}
.acc_ref input{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    color: #302e3b;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0px 0px;
    border: none;
    outline: none;
}
.acc_ref i{
    color: #00bdfb !important;
    box-shadow: 0 0 0 .1875rem rgb(247 208 119 / 35%);
    border-radius: 50%;
    float: right;
}

.amount_list{
    margin: 15px 10px;
    text-align: center;
    border-width: 0.5px;
    border-color: rgb(203, 223, 255);
    border-style: solid;
    border-radius: 9px;
    background: -webkit-linear-gradient(0deg, rgb(247, 250, 255) 0%, rgba(247, 250, 255, 0) 100%);
    padding: 20px 16px;
}
.amount_list img{
    max-width: 45px;
    float: right;
    margin: 0px 10px 0px 0px;
}
.amount_list svg{
    max-width: 45px;
    float: right;
    margin: 0px 10px 0px 0px;
    fill: #0099f7;
    box-shadow: rgb(0 195 251 / 35%) 0px -2px 6px 0px inset;
    background-color: #00bdfb30;
    padding: 10px 10px;
    border-radius: 5px;
}
.amount_list h4{
    font-size: 14px;
    font-weight: 400;
    color: #7f7f7f;
    text-align: start;
}
.amount_list h4 span{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #00c2fc;
    padding: 5px 0px 0px 0px;
}
/*****======  DEPOSIT PART START=======******/
.plan_text{
    margin:15px 0px;
}
.plan_text2  h6 {
    color: #909090;
    font-size:15px;
}
.plan_text2  h6 span {
    color: #4b4f50;
    font-weight: 600;
}
.plan_text h4{
  text-align:center;
}
.plan_text img{
    max-width: 50px;
    margin: auto;;
}
.with_plan  h6{
    display: flex;
    justify-content: space-between;
    padding: 12px 10px;
    color: #909090;
    font-size: 13px;
    font-weight: 400;
    background: #f4f9fd99;
    margin: 7px 0px;
    border-bottom: 1px dashed #9ea3a554;
}
.with_plan  h6 span{
   color: #767b7da3;
    font-size: 14px;
    font-weight: 600;
}
.plan_text h3 {
    font-size: 29px;
}
.checkmark_bg{
    position: relative;
    cursor: pointer;
}
.check_but{
    text-align: center;
    text-align: center;
    margin: 24px auto 22px;
    width: 100%;
    background: none;
    border: none;
    outline: none !important;
    box-shadow: unset !important;
}
.checkmark_bg label{
    cursor: pointer;
    width: 100%;
}
.checkmark_bg  input{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    left: 0px;
}
.checkmark_bg .checkmark{
    font-size: 15px;
    font-weight: 700;
    color: #0a0808;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #00c1fc29;
    background: #fcfdff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.checkmark_bg  input:checked ~ .checkmark{
    background: #3b77ff;
    color: #fff;
    font-weight: 600;
    transition: 1s;
    padding: 10px 25px;
    border-radius: 5px;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
}
.checkmark_bg  input:checked ~ .checkmark:before{
    content: "";
    background-size: 100% 100%;
    color: #000;
    width: 40px;
    height: 41px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    left: -25px;
    right: 0px;
    top: 0px;
    z-index: 1;
    transition: 1s;
}
.checkmark_bg  input:checked ~ .checkmark:after{
    content: "\2713";
    position: absolute;
    background: #00bbfc;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -16px;
    right: -8px;
    border-radius: 50%;
    transition: 1s;
    border: 1px solid #c1c1c133;
}
.checkmark_bg1{
    text-align: center;
}
.checkmark_bg1 .check_box1{
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    position: relative;
    width: 100%;
    max-width: 160px;
}
.checkmark_bg1 label{
    cursor: pointer;
    width: 100%;
}
.checkmark_bg1  input{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    left: 0px;
}
.checkmark_bg1  input:checked ~ .checkmark1{
    background: linear-gradient(45deg, #ffae5a, #fec362);
    color: #3d3e3f;
    font-weight: 600;
    transition: 1s;
    box-shadow: inset 2px 2px 5px #fac274, inset -3px -3px 7px #ffb35c;
}
.checkmark_bg1  input:checked ~ .checkmark1:before{
    content: "";
    background: url(../images/but_img.png);
    background-size: 100% 100%;
    color: #000;
    width: 45px;
    height: 48px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    left: 9px;
    right: 0px;
    top: 10px;
    z-index: 1;
    transition: 1s;
}
.checkmark_bg1  input:checked ~ .checkmark1:after{
    content: "\2713";
    position: absolute;
    background: #3976fd;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    transition: 1s;
    border: 1px solid #fff;
    color: #000;
}
.checkmark_bg1 .checkmark1{
    padding: 10px;
    border-radius: 5px;
    filter: drop-shadow(2px 4px 6px black);
    display: block;
    font-size: 13px;

    text-align: start;
    box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff;
    margin: auto;
    border: 1px solid rgb(203, 223, 255);
    background: -webkit-linear-gradient(185deg, rgb(247 250 255) 0%, rgb(247 250 255) 100%);
    color: #006ccf;
    font-weight: 600;
}
.checkmark_bg1 .checkmark1 p{
    font-size: 14px;
    font-weight: 600;
    color: #fe9f0e;
    padding: 5px 0px 0px 0px;
    margin: 0px;
}
.checkmark_bg1 .checkmark1 p span{
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1ab5ff;
}
.checkmark_bg1 .checkmark1 .img1{
    max-width: 130px;
    cursor: pointer;
}
.checkmark_bg1 .checkmark1 .pay{
    max-width: 35px;
    margin: 0px 5px 0px 0px;
}
.modal-content{
    background-position: center;
    box-shadow: inset 2px 2px 5px #344048, inset -3px -3px 7px #344048;
    max-width: 500px;
    margin: auto;
    border: 1px solid rgb(203, 223, 255);
    border-radius: 10px;
    background: #364049;
}
.modal-dialog {
    max-width: 790px;
}
.modal-title{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}
.modal-header .btn-close{
     font-size: 20px;
    color: #289bff;
    font-weight: 700;
    border: 4px double #289bff;
    padding: 0px 8px 10px 8px;
    opacity: 1;
    background: #f7f6f6;
}
.modal-body .form_block1 h5 {
    color: #e7e2e2;
}
.modal-body .form_block1 i {
    color: #e7e2e2;
}
.modal-header {
    border-bottom: 1px solid #3b77ff82;
}
.check_box{
    position: relative;
}
/*****======  DEPOSIT PART END=======******/
/*****======  REFERRAL PART START=======******/
.referlink_bg .tab{
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
}
.referlink_bg .tab .tablinks{
    padding: 10px 20px;
    width: 100%;
    max-width: 204px;
    font-size: 16px;
    font-weight: 600;
    color: #6e6d6d;
    position: relative;
    box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff;
    margin: auto;
    border: 1px solid rgb(203, 223, 255);
    background: -webkit-linear-gradient(185deg, rgb(213, 224, 243) 0%, rgba(213, 224, 243, 0) 100%);
    border-radius: 5px;
}
.referlink_bg .tab .tablinks.active{
    color: #fff;
    border: 1px solid transparent !important;
    box-shadow: inset 2px 2px 5px #009fd8, inset -3px -3px 7px #00c3fc;
    font-weight: 500;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
    border-radius: 5px;
}
.referlink_bg .tab .tablinks.active:before {
    content: "\2713";
    position: absolute;
    right: -9px;
    margin: auto;
    top: -14px;
    width: 25px;
    height: 25px;
    transition: 1s;
    background: #ffffff;
    border-radius: 50%;
    color: #000;
    font-weight: 800;
    filter: drop-shadow(2px 2px 3px black);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff;
    border: 1px solid #07b2ff78;
}
.referlink_bg .tabcontent{
    padding: 15px;
    border-radius: 10px;
    position: relative;
    box-shadow: inset -3px -1px 5px #dde7f5, inset -3px -3px 7px #fff;
    margin: auto;
    border: 1px solid rgb(203, 223, 255);
    background: -webkit-linear-gradient(185deg, rgb(213, 224, 243) 0%, rgba(213, 224, 243, 0) 100%);
}
.referlink_bg .tabcontent img{
    
    
}
.referlink_bg .tabcontent h3{
    font-size: 18px;
    font-weight: 400;
    color: #aba9a9;
    margin: 10px 0px 20px;
    letter-spacing: 1px;
}
.referlink_bg .tabcontent h3 span{
    letter-spacing: 1px;
    font-size: 30px;
    font-weight: 800;
    position: relative;
    color: #3f4ffd;
    background: linear-gradient(90deg, #0fc8ff 0%, rgb(55 111 244) 100%) text;
    -webkit-text-fill-color: transparent;
}
.copy_but span{
    position: absolute;
    top: 10px;
    right: 5px;
    color: #000 !important;
    font-weight: 600;
    font-size: 13px !important;
}
.referlink_bg .inpts {
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #767b7d;
}
.copy_but .but{   
     border-radius: 3px;
    padding: 3px 19px 7px;
    color: #fff;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
    border: none;
}
/*****======  REFERRAL PART END=======******/

/************ SECURITY PART START ************/
.security_bg{
    
}
.sec_part{
    padding: 20px 15px;
    background-position: center;
    background: url(../images/plan_pic.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sec_part .sec_head{
    margin: 15px 0px 0px;
}
.sec_1{
    background: linear-gradient(45deg, #364049, #364049);
    filter: drop-shadow(0px 0px 2px #176990);
    border: 1px solid #42d1fc47;
    padding: 11px 20px;
    border-radius: 10px;
    width: 100%;
    max-width: 500px;
    margin: 15px auto 0px;
    position: relative;
}
.sec_1 p{
    margin: 0;
    line-height: 40px;
    position: relative;
    padding: 0px 0px 0px 32px;
    display: block;
    color: #fff;
}
.head2 h1{
    font-size: 21px;
    font-weight: 600;
    text-align: start;
    color: transparent;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
    -webkit-background-clip: text;
    text-transform: capitalize;
}
.head2 h1 small{
    position: relative;
    padding: 0px 0px 0px 13px;
    font-size: 16px;

}
.head2 h1   small::before {
    width: 18px;
    height: 18px;
}
.head2 h1  small::after {
    width: 18px;
    height: 18px;
    animation: pulse 1s linear infinite;
}
.head2 h1  small::before,
.head2 h1  small::after {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 50%;
    left: 0px;
    background-color: #ffb35c;
    top: 2px;
}
.sec_1 input {
    position: absolute;
    width: 90%;
    height: 100%;
    top: 0px;
    opacity: 0;
    cursor:pointer;
    left: 0;
    z-index: 1;
}
.sec_1 .check-click {
    background: #0097fa;
    border-radius: 50px;
    position: absolute;
    height: 25px;
    width: 25px;
    left: 0px;
    top: 8px;
}
.sec_1 input:checked ~ .check-click {
    filter: drop-shadow(0px 0px 2px #176995);
    border: 1px solid #f8fafd3b;
}
.sec_1 input:checked ~ .check-click:before {
    content: "\2713";
    position: absolute;
    inset: 0px;
    font-size: 16px;
    font-weight: 700;
    color: #ffb165;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec_2{
    text-align:center;
    margin: 30px 0px 0px;
}
.sec_2 p{
    font-size: 16px;
    text-align: center;
    margin: 0px 0px 17px;
    color: #909090;
    font-weight: 400;
}
.sec_2 .form_block input{
    width:100%;
}
.qr_img{
    max-width: 126px;
    margin: 0px 0px 8px;
}
/******=====EDIT ACCOUNT CSS PART=====*****/ 
.form_11 {
    max-width: 750px;
}
.form_block1 .inpts{
    width:100%;
}
.form_block1 i{
    position: absolute;
    right: 9px;
    bottom: 22px;
}
.form_block1 h5{
    font-weight: 500;
    font-size: 15px;
    color: #4c4848;
}
.form_block1 {
    position: relative;
    padding: 20px 0 0;
    width: 100%;
    margin: 0px 0px 10px;
}
.edit_tab {
    margin: 30px 0px;
    justify-content: center;
}
.edit_tab li{
    width: 50%;
}
.edit_tab .nav-link.active, .nav-pills .show>.nav-link {
    border: 1px solid #0093f4;
    box-shadow: 350px 0px 0px #009dfb inset;
    transition: 1s;
    color: #fff;
    background: linear-gradient(to right, #10c7ff, #289bff, #4662ff);
}
.edit_tab .nav-link {
    width: 93%;
    background: #f8faff;
    padding: 7px;
    border: 1px solid #7b7b7b;
    color: #7b7c7c;
    font-size: 15px;
    font-weight: 600;
    margin: 5px auto;
}

/******=====RESPONSCE CSS PART=====*****/ 

@media  (max-width: 1199px){}





@media  (max-width: 991px){
    
    .signup_bg  .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    
}






@media  (max-width: 767px){
    .acc2_box li {
        width: 32%;
    }
    .referlink_bg .tab .tablinks {
        max-width: 141px;
    }
    
    
    
    
    
    
    
}
@media  (max-width: 567px){
   .home-content1 .link{
       display:none;
   }
   .head_d1 a {
        max-width: 21px;
    }   
    .head_d1 h3 {
        font-size: 13px;
    }
     .head_d1 h3 span{
        font-size: 11px;
        padding:3px 0px 0px;
    }
    .acc2_box li {
        width: 100%;
    }
    .head-title .left h1 {
        font-size: 23px;
    }
    .head-title .left .breadcrumb li a, .head-title .left .breadcrumb li i {
        font-size:15px;
    }
    .head2 h1 {
         font-size: 19px;
    }
    .acc2 span h3{
        font-size: 13px;
    }
    .acc2 span {
        font-size: 15px;
    }
    .acc_sec_1 span {
        font-size: 10px;
    }
    .acc_sec_1 p {
        padding: 10px 4px;
        font-size: 11px;
        text-align: start;
    }
    .acc_sec_1 i {
        padding: 7px;
        border-radius: 5px;
        top: 12px;
        margin: 0px 4px 0px 0px;
        font-size: 11px;
    }
    .payment_detail .pay_text h3 {
        font-size: 11px;
    }
    .payment_detail h4 span {
        font-size: 9px;
    }
    .payment_detail h4 img {
        max-width: 27px;
    }
    .payment_detail h4 {
        font-size: 11px;
    }
    .acc_ref h3 {
        padding: 8px;   
        font-size: 11px;
        margin: 10px 0px 0px;
    }
    .acc_ref h2 {
        font-size: 13px;
    }
    .amount_list h4 span {
        font-size: 15px;
    }
    
    
    .checkmark_bg1 .check_box1 {
        max-width: 137px;
        margin: 10px 5px;
    }
    .checkmark_bg1 .checkmark1 .pay {
        max-width: 29px;
        margin: 0px 2px 0px 0px;
    }
    .checkmark_bg1 .checkmark1 {
        padding: 7px;
    }
    .referlink_bg .tabcontent h3 {
        font-size: 15px;
    }
    .referlink_bg .tabcontent h3 span {
        font-size: 22px;
    }
    .referlink_bg .tab .tablinks {
        padding: 8px 7px;
        max-width: 86px;
        font-size: 10px;
    }
    
    .sec_part .head2 h1 {
        font-size: 18px;
    }
    .qr_img {
        max-width: 100px;
    }
    .sec_2 p {
        font-size: 13px;
        margin: 0px 0px 13px;
    }
    .sec_part {
         padding: 20px 7px;
    }
    .edit_tab .nav-link {
        font-size: 12px;
    }
    .edit_bg .form_block1 {
        padding: 5px 0 0;
        margin: 0px 0px 10px;
    }
    .payform h3 span {
        display: inline-block;
        width: 33% !important;
    }
}