/* common css */
/* ====================== */
*{
    
}
body{
   margin: 0;
      padding: 0;
      box-sizing: border-box;
}
#welcome_body{
    background: #01949E;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}

a,
a:hover,
a:focus{
    text-decoration: none;
    outline: none;
}

.btn:focus{
    outline: none;
}
.total-val{
    width: 100px;


}
#total-fa{
  font-size: 16px;


}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

/* logo css */
/* =================== */

.logo{
    color: #000;
    font-size: 35px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    margin: 0 0 20px;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
.user_heading{
    width: 94%;
    margin-left: 3%;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow:  0 0 1.5px #AAAAAA;
    
}

/* admin login form css */
/* ==================================== */

.login-form{
    background: linear-gradient(30deg,#e9e9e9 49%, #e4e4e4 50%);
    box-shadow: 0 0 20px -10px rgba(0,0,0,0.5);
    border-radius: 50px;
    padding: 50px 40px;
    margin: 100px 0 0;
    text-align: center;
}
.viewKyc{
    background-color: #E1E0E0;
}
.login-form .form-group{
    text-align: left;
}
.login-form label{
    width: 25%;
    display: inline-block;
}
.login-form .form-control{
    width: 74%;
    display: inline-block;
    border: none;
    padding: 15px 15px;
    height: 50px;
    border-radius: 20px;
}

#linkTxt{
    font-size: 15px;   
    color: #014D82; 
    margin-left: 2px;
}
#linkTxt2{
    font-size: 15px;   
    color: #014D82; 
    position: absolute;
    right: 10px;
    bottom: 0;
    
}
#abox{
    position: fixed;
    left: 30%;
    top: 10px;
    z-index: 1;
}
#resParent{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 1000px;
    position: absolute;
    z-index: 1;
}

#result-box{
    width: 50%;
    height: 20%;
    border-radius: 4px;
    background-color: #82DCFD;
    position: absolute;
    z-index: 1;
    left: 25%;
    top: 10%;

}
#resChild{
    width: 60%;
    background-color: #C40668;
    height: 40px;
    margin-left: 20%;
    margin-top: 30px;
    font-size: 16px;
    padding: 10px;  
    border-radius: 5px; 
    color: #FFFFFF; 

}
#res1{
    padding-top: 20px;
}
#res2{
    margin-left: 34%;
    margin-top: 15px;
}
#res2 button{
    margin-left: 6px;
}
#resData{
    
    margin-top: 15px;
}
#resData button{
    margin-left: 216px;
    margin-top: 20px;
    
}
#statusIn{
    width: 60%; 
    margin-left: 20%;
    font-size: 13px;
}
.login-form .form-control:focus{
    border: none;
    box-shadow: 3px 3px 5px #999;
}
.login-form .form-control::placeholder{
    color: #999;
    text-transform: capitalize;
}
#sellarForm{
    margin-top: 15px;
    background-color: #FCA2A2;
    padding: 25px;
}

.login-form .btn{
    padding: 7px 15px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    background-color: #e93700;
    transition: all 0.3s;
}

.login-form .btn:hover,
.login-form .btn:focus{
    background-color: #333;
}

/* admin header css */
/* ========================= */

#admin-header{
    background: linear-gradient(to bottom, #e7e7e7, #f5f5f5);
    padding: 15px 0 12px;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    position: fixed;
    z-index: 1;
    width: 100%;
    
    
}

#admin-header .logo{
    margin: 0;
}

#admin-header .logo-img{
    display: block;
}
#admin-header .logo-img img{
    width: 100%;
}

#admin-header .dropdown{
    text-align: right;
    display: inline-block;
    float: right;
}
#cartDiv{
    background-color: #F01C1C;
}
#cart-icon{
    font-size: 27px;
    padding-right: 10px;
}
#admin-header .logout{
    color: #fff;
    background-color: #e93700;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 4px 15px;
    margin: 5px 0;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.3s;
}

#admin-header .logout:hover{
    background-color: #333;
    box-shadow: 0 0 5px #333;
}
.stbtn, .sellbtn{
    cursor: pointer;
}
/* admin wrapper css */
/* ===================== */

#admin-wrapper{
    /* border: 1px solid #000; */
    min-height: 700px;
    
}


/* admin menu css */
/* ===================== */

#admin-menu{
    background-color: #C86A05;
    padding: 20px 10px;
    min-height: 700px;
    position: fixed;
    z-index: 1;
    top: 71px;
}
#add-p, #p_inactive, #p_active, #all_product, #inshop{
    margin-right: 10px;
}
#admin-menu .menu-list li a{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 10px;
    border-radius: 10px;
    display: block;
    transition: all 0.3s;
}

#admin-menu .menu-list li.active a,
#admin-menu .menu-list li a:hover{
    background-color:  #28AD95;
}

/* admin content css */
/* ====================== */

#admin-content{
    padding: 25px 20px 0;
    min-height: 650px;
    margin-left: 171px;
    margin-top: 45px;
}
#admin-content .admin-content-container{
    min-height: 645px;
}

#admin-content .admin-heading{
    color: #333;
    font-size: 30px;
    margin: 0 0 20px;
    text-transform: capitalize;
    display: inline-block;
}

#admin-content .add-new{
    color: #fff;
    background-color: #e93700;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 15px;
    transition: all 0.3s;
}
#product-display{
    padding: 0;
    
    position: absolute;
}
#product-display p{
    display: inline-block;
    margin: 0;
    padding: 0;
    
    margin-left: 10px;
    font-size: 15px;
    margin-top: 5px;
    font-family: verdana;
    color: #01080A;
    
    padding: 0 7px;
}

#product-img3,#product-img2{
    display: none;
}

#admin-content .add-new:hover{
    background-color: #333;
    box-shadow: 0 0 5px #333;
}

#admin-content .detail-box{
    color: #fff;
    background-color: #09A2B9;
    width: 220px;
    padding: 40px 20px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto 50px;
    border: 5px solid #fff;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
}
#admin-content .detail-box .count{
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 7px;
}
#successDiv{
    background-color: #3ABA02;
    color: #FBFBFB;
    font-size: 17px ;
    width: 30%;

}


#admin-content .detail-box .count-tag{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

/* ============================== */

#admin-content .add-post-form{
    /* border: 1px solid #000; */
    margin: 0;
}
#admin-content .add-post-form .form-group.category,
#admin-content .add-post-form .form-group.sub_category,
#admin-content .add-post-form .form-group.brand{
    display: inline-block;
    width: 30%;
    margin-right: 30px;
}

#admin-content .add-post-form .form-group.brand{
    margin-right: 0;
}

#admin-content .add-post-form .form-control:focus{
    box-shadow: 0 0 1px #333;
    border-color: #999;
}
#admin-content .not-found{
    padding: 10px 25px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}
#mainCategoryLoad{
    display: none;
}
#admin-footer{
    padding: 5px;
    text-align: center;
    margin: 0 -20px;
    color: #fff;
    background-color: #E93700;
}

.modal-body table{
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.modal-body table h3{
    text-align: center;
}

/* active/inactive product button css*/

#p_active, #p_inactive, #all_product{
    cursor: pointer;  
}
/*===================*/
/*PUBLIC VIEW CSS START*/

/*----------------------------*\
	Logo
\*----------------------------*/


#header .logo{
    font-size: 30px;
    margin: 0;
}

#header .logo-img{
    display: block;
}

#header .logo-img img{
    width: 100%;
}

#header .search{
    margin: 0 auto;


}
#cinput, #stock-input,#orderInput{
    border-radius: 3px;
}
#print{
    outline: none;
    border: none;
    margin-bottom: 5px;
    float: right;
    margin-right: 10px;
    text-align: left;
    font-size: 15px;
    



}
#addDiscount, #createDiscount{
    width: 110px;
    position: absolute;
    

}
#shop_login{
    display: none;
}
#prnt-div22{
    margin-left: 450px;
}
#prnt-div5{
    margin-left: 450px;
}
#notify{
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    
    


}
#prnt-div{
    

    float: right;
}

#header .search .form-control{
    border: none;
    background-color: #f5f5f5;
    padding: 22px 10px;
    border-radius: 20px;
    font-size: 13px;
}
#header .search .form-control:focus{
    box-shadow: none;
    border: none;
}
#header .search .btn{
    color: #fff;
    background-color: #df3500;
    font-size: 20px;
    padding: 8px 12px 7.5px;
    border: none;
    border-radius: 0 20px 20px 0;
    
}
#totald{
    display: block;
    float: right;
    margin-right: 130px;
}   
#header .search .btn:hover{
    box-shadow: 0 0 3px #333 inset;
}
#hrTxt{
    text-decoration: overline;
}

.search{
    margin: 0 auto;
    float: right;
}
#catLoad{
    
    height: auto;
    /*display: flex;
    overflow-x: auto;*/
    padding-top: 10px;
    background-color: #E8E6E6;  
        
    
        
}


#top-content{
    background-color: #ED7045;
    padding-top: 5px;
    position: fixed;

    width: 84%;

}

#terms{
    padding: 40px;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
#terms p{
    font-size: 13px;
    font-style: italic;
}#terms h5{
    text-decoration: underline;
}
#divone{
    
    position: absolute;
    width: 120px;
    height: 120px;
    left: 45%;
    
    top: 10px;
    z-index: 1;
}
.login_logo{
    display: none;
}
#divtwo{
    position: absolute;
   background-color: #F79A9A; 
   width: 40%;
   height: 40%;
   z-index: 1;
   left: 30%;
   top: 30%;
   border-radius: 50%;

}
#divthree{
    position: absolute;
    
   background-color: #FDFDFD;
   width: 50%; 
   height: 50%; 
    left: 25%;
   top: 25%;
   border-radius: 50%;

}
#divtwo .fa{
    position: absolute;
    
  
   z-index: 1;
   left: 33%;
   top: 26%;
   font-size: 25px;

}
#codebg{
    width: 20%;
    position: absolute;
    z-index: -1;
    opacity: .4;
    left: 36%;
    bottom: 30%;


}
#logobg{
    width: 50%;
    position: absolute;
    z-index: 1;
    opacity: .4;
    left: 23%;
    bottom: 52%;


}
#cpn{

    position: absolute;
    z-index: 1;
    left: 39%;
    bottom: 29.5%;
}
#tt{
    position: absolute;
    z-index: 1;
    left: 35%;
    bottom: 28%;
}
#cpn p{
    font-size: 90px;       
}
.search .form-control{
    border: none;
    width: 70%; 
    float: right;
    background-color: #F1F1CB;
    padding: 12px 40px;
    margin-bottom: 2px;
    
}
.search .form-control:focus{
    box-shadow: none;
    
}
#head-p{
    position: relative;
    z-index: 1;
    top: 9px;
    font-size: 20px;
    margin-left: 75px;
}

#txt,.adminData, #txt2, #summary-data,#cart-txt, #cus-history, #sale_summary, #option-body, #order-txt{
    margin-top: 42px;
}

#header .header-info{
    padding:10px 0;
    text-align: right;
}
#cart-count,#order-count{

    color: #FFF7F7;
    font-size: 15px;
    background-color: #AD0707;
    position: relative;
    right: 20px;
    bottom :  10px;
    border-radius: 40%;
    padding: 3px;
    font-weight: bold;


}
#cat-button{
    padding: 10px 0;
    font-size: 15px;
}
#header .header-info li{
    display:inline-block;
    margin-right:15px;
}
#header .header-info li:last-child{
    margin:0;
}
#header .header-info li a{
    font-size:16px;
    color:#FEFACF;
    text-transform: capitalize;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s;

}
#header .header-info li a i{
    font-size: 20px;
    padding: 0;
    margin: 0;
}
#header .header-info li a:hover{
    color: #FFFFFD;
}

#header .header-info li a span{
    color: #F40808;
    background-color: #62FFBD;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    right: -10px;
}


.offer_div{
    min-width: 200px;
    border-radius: 4px;
    height: 55px;
    border: 2px solid #D8D7D7;
    margin: 0 3px;  
}
.offer_div #heading{
    font-size: 14px;
    font-weight: bold;  
    margin-top: 3px;
}
.offer_div #desc{
    font-size: 11px;
    color: #B3B3B3;
}


.fbtn1{
    text-align: right;
    font-size: 12px; 
    color: #8F8F8F;
    font-weight: bold;
    margin-top: 6px;
}
.fbtn3{
    text-align: right;
}
.fbtn3 input{
    width: 100%;
    outline: none;
    padding: 3px;
    font-size: 15px;

}

#upi_icon{
    width: 30px;
    
    margin: 5px 2px;
}
.offer_parent{
    max-height: 60px;
    
    display: flex;
    overflow-x: auto;
}
/*header menu CSS*/
/*=============================*/

#header-menu .menu-list{
    background-color: #df3500;
    padding: 8px 15px;
    margin: 0 -15px;
    text-align: center;
}
#selectBranch{
    position: absolute;
    display: inline;
    left: 0;
    
    width: 30%; 
    left: 30%;

}
#selectBranch #dis_form, button{
    float: left;
    height: 33px;
    border: none;

}
#selectBranch button{
    background-color: #EA5B7D;
    border-radius: 3px;
    margin-left: 5px;
    padding: 0 12px;
}
#selectBranch #branchInput{
    padding: 5px 12px; 
    border: 1px solid #038467;
     
    outline: none; 
}
#header-menu .menu-list li {
    display: inline-block;
}
#header-menu .menu-list li a{
    color: #fff;
    background-color: rgba(255,255,255,0.1);
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0 15px 0 0;
    border-radius: 10px;
    display: block;
    transition: all 0.3s;
}

#header-menu .menu-list li a:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/* Customer-login form css */
/* ==================================== */

.modal-body{
    padding:50px 50px;
    background: linear-gradient(30deg,#e9e9e9 49%, #e4e4e4 50%);
    box-shadow: 0 0 20px -10px rgba(0,0,0,0.5);
}

.customer_login{
    text-align: center;
}

.customer_login h2{
    font-size: 35px;
    font-weight:700;
    color:#444;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
#searc-icon{
    position: relative ;

}
.mobileDiv{
    display: none;
}
.pcDiv{
    display: block;
}
#mobile_view{
    display: none;
}
#desktop_menu{
    display: block;
}
#desktop_view_index{
    display: block;
}
.desktop_only{
    display: block;
}
.mobile_only{
    display: none;
}
body{
    display: none;
}
.customer_login label{
    width: 25%;
    display: inline-block;
}
.customer_login .form-control{
    width: 74%;
    display: inline-block;
    border: none;
    padding: 15px 15px;
    height: 50px;
    border-radius: 20px;
}
.customer_login .form-control:focus{
    border: none;
    box-shadow: 3px 3px 5px #999;
}
.customer_login .form-control::placeholder{
    color: #999;
    text-transform: capitalize;
}

.customer_login .btn{
    width:50%;
    padding: 7px 15px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    background-color: #e93700;
    border-radius:20px;
    margin: 0 0 20px;
    transition:all 0.3s;
}


.pcode{
    
    color: #FFFFFF;
    font-weight: bold;
    
    
}
.pcode p{
    background: #760303;    
}



#user_profile{
    display: none;
}



#barIcon{
    display: none;
}
#closeIcon{
    display: none;
}
#f_div2{
    display: none;
}
.customer_login .btn:hover,
.customer_login .btn:focus{
    background-color: #333;
}

.customer_login span{
    display: block;
    color: #000;
}
.customer_login span a{
    color: #e93700;
    transition: all 0.3s ease 0s;
}
.customer_login span a:hover{
    color: #000;
}
/*----------------------------*\
	/Customer-login form css
\*----------------------------*/



/* Register form css */
/* ==================================== */

.signup_form{
    text-align:center;
    padding:30px 30px;
    background: linear-gradient(30deg,#e9e9e9 49%, #e4e4e4 50%);
    box-shadow: 0 0 20px -10px rgba(0,0,0,0.5);
}

.signup_form h2{
    font-size: 35px;
    font-weight:700;
    color:#444;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.signup_form label{
    width: 25%;
    text-align: left;
    display: inline-block;
}
.signup_form .form-control{
    width: 74%;
    display: inline-block;
    border: none;
    padding: 15px 15px;
    height: 50px;
    border-radius: 20px;
}
#branch_select{
    
    margin-top: 3%;
    padding-top: 20px;

    border-radius: 4px;

}

#branch_select input, #branchDiv{
    width: 90%;
    margin: 2px 5%;
    padding: 8px;
    border: none;
    outline: none;
    font-size: 12px;

}
#branchDiv{
    
    padding: 0;
    box-sizing: border-box;
    font-size: 15px;


}
#new_tag{

}
#branchDiv select{
    border: none;
    outline: none;
    font-size: 12px;
}
#branch_select button{

    width: 30%;
    margin: 10px 35%;
    font-size: 15px;
    border: 2px solid #038C73;
    border-radius: 3px;    
    padding: 2px 10px;
    color: #FAFCFC;
    background-color: #038C73;
    
    font-weight: normal;
    outline: none;
}
#branch_select button:hover{

    
    
    background-color: #1FF4CD;
    border: 2px solid #1FF4CD;
    outline: none;  
     
    
    color: #000D0A;
    
    
}
#user-update input{
    width: 300px;   
    padding: 10px;
    outline: none; 
    border: 1px solid #969696; 
    font-size: 15px;
    margin-bottom: 10px;    
    
}
#user-update{
     margin-top: 75px;  
}
#title1{
    margin-top: 75px;
}
#headText{
    margin-top: 3%;
    font-size: 20px;
   
}
.signup_form .form-control:focus{
    border: none;
    box-shadow: 3px 3px 5px #999;
}
.signup_form .form-control::placeholder{
    color: #999;
    text-transform: capitalize;
}

.signup_form .btn{
    width:50%;
    padding: 7px 15px;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    background-color: #e93700;
    border-radius:20px;
    transition:all 0.3s;
}

.signup_form .btn:hover,
.signup_form .btn:focus{
    background-color: #333;
}

/*----------------------------*\
	/Register form css
\*----------------------------*/

/*----------------------------*\
	Banner
\*----------------------------*/

#banner{
    color: #fff;
}



#banner .banner-content{
    margin: 0 -15px;
    height: 400px;
    overflow: hidden;
}


/*----------------------------*\
	/Banner
\*----------------------------*/


/*----------------------------*\
	Products Section
\*----------------------------*/

.product-section{
    padding: 0;
}

.product-section.content{
     min-height: auto;
     border-top: 2px solid #7C7C7C;
   
}

.product-section.popular-products{
    background-color: rgba(0,0,0,0.02);
}

.section-head{
    text-align: center;
    color: #444;
    font-size: 28px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 30px;
}

.section-head:after{
    content: '';
    display: block;
    clear: both;
    width: 150px;
    height: 2px;
    border-top: 2px dashed #e7e7e7;
    margin: 10px auto 0;
}
#cart-img{
    max-height: 150px;
}
#cart-row{
    background: #D6D3D3;
    margin-bottom: 5px;
    font-size: 18px;
    padding: 10px;
}
.product-section .product-grid{
    text-align: center;
    
}
.product-section .cato-grid{
    

    text-align: center;
    margin: 0;
}
.product-section .mCato-grid{
    

    text-align: center;
    margin: 0;
}
.product-section .product-grid.popular{
    margin: 0;
}

.product-grid .product-image{
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 260px;
}
.cato-grid .cato-image{
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: auto;
    margin-bottom: 8px;
}
.mCato-grid .mCato-image{
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 200px;    
    height: 260px;
    margin: 5px;
}

.product-grid .product-image.latest{
    height: 330px;
}
.product-grid .product-image.popular{
    height: 250px;
}

.product-grid .product-image a.image{ display: block; }
.cato-grid .cato-image a.image{ display: block; }

.product-grid .product-image img{
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.cato-grid .cato-image img{
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}
.mCato-grid .mCato-image img{
    width: auto;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.owl-carousel .owl-theme img{
    width: auto !important;
}



.product-grid .product-content {
    padding: 12px;
}

.product-grid .title{
    font-size: 12px;
    font-weight: 200;
    display: block;
    margin: 0 0 5px;
    text-transform: capitalize;
    text-align: left;
}

.product-grid .title a {
    color: #555;
}
.product-grid .title a:hover {
    color:#df3500;
}

.product-grid .price {
    font-size:16px;
    color: #555;
    font-weight: 500;
    margin: 0 2px;
}
.cut_price{
    font-size:12px;
    color: #A1A1A1;
    font-weight: normal;
    margin: 0 2px;
    text-decoration: line-through;
}

/*----------------------------*\
	/Products
\*----------------------------*/

/*----------------------------*\
	Product Page
\*----------------------------*/



.product-details{
    font-family: 'Montserrat', sans-serif;
}

.product-details h3{
    font-size: 25px;
    color: #2B2D42;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.product-details .product-price {
    display:block;
    font-size: 24px;
    font-weight: 700;
    color: #D10024;
    display: inline-block;
    margin:0 15px 10px 0;
}
.save-price{
     display:block;
    font-size: 15px;
    
    
    
    margin:0 15px 10px 0;
}

.product-details .product-price span{
    color: #8e8e8e;
    margin-right: 5px;
    font-size: 20px;
    font-weight:400;
    text-decoration: line-through;
}

.product-details .product-available {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #D10024;
}

.product-details .description{
    font-size: 15px;
    font-weight:400;
    color: #333;
    margin:0 0 20px 0;
}

.product-details .qut-label{
    display:inline-block;
    margin-right: 30px;
}

.product-details .qut-label span{
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 15px;
    margin-bottom: 0px;
}

.product-details .product-btn{
    border:2px solid transparent;
    padding:12px 30px;
    color:#fff;
    background:#ef233c;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 40px;
    position: relative;
    transition: 0.2s all;
}

.product-details .product-btn:hover{
    background-color: #fff;
    color: #D10024;
    border-color: #D10024;
}
.product-details .product-link li a{
    color:#D10024;
}

/*----------------------------*\
   /Product Page
\*----------------------------*/

/*----------------------------*\
   /Single Product Page Start
\*----------------------------*/

.single-product-container{
   
    
    

}
.single-product-container .product-image{
    text-align: center;

}

.single-product-container .product-image img{
    width: auto;   
    max-height: 350px;
    
    


    
}
.single-product-container .product-content li, #reviews_header li{
    list-style: none;
    

}
.single-product-container .product-content #sp1 li{
    
    
    font-size: 16px;
    font-weight: bold;
}
.single-product-container .product-content #sp2 li{
    font-size: 22px;
    font-family: 'Josefin Slab', serif;
}
.single-product-container .product-content #sp3 li{

    display: inline-block;
}
.single-product-container .product-content #sp3 #price{
    
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: bold;
}
.single-product-container .product-content #sp3 #not-price{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;  
    text-decoration: line-through;
   color: #8C8C8C;
   margin-left: 10px;
}
.single-product-container .product-content #sp3 #off-price{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;  
    margin-left: 10px;
   color: #02AB22;
}

#sp4 p, #key_features p, #product_datails p, #special_offer p{
    font-size: 14px;
            
    font-weight: bold;
}

#key_features li, #product_datails li{
    font-size: 15px;            
}
#size, #key_features, #product_datails, #special_offer{
    border-top: 8px solid #E1DFDF;
    padding-top: 10px;
    
}
#size{
   
  
   margin-bottom: 10px;

}

#privacy_display{
   border-top: 8px solid #E1DFDF;
    border-bottom: 8px solid #E1DFDF;
    padding-top: 10px;
    padding-bottom: 10px; 
    line-height: 13px;
}
#privacy_display #top{
    margin-top: 5px;    
    font-size: 14px;
    color: #A0A0A0;
    padding-left: 3px;
}
#privacy_display #bottom{
    font-size: 14px;
    font-weight: bold;
    color: #A0A0A0;
    padding-left: 3px;
}

#info, #cart-button2, #key_features,#product_datails{
    
    padding-bottom: 20px;
    
}
#key_features #return{
    padding-left: 12px;
}
#product_datails #pdat_row{
    font-weight: bold;
}
#key_features i{
    color: #050505;
}


.single-product-container .product-content #sp5 li{
    font-size: 13px;
    display: inline-block;
}
#sp5 #verified_icon{
    color: #045DB7;
}

.sellar_link{
    text-align: right;

}
#reviews_header li{
    font-size: 14px;
    font-weight: bold;
    
}
#reviews_btn a{
    font-size: 13px;
    
    
}
#reviews_header #reviews_btn{
    
    text-align: right;
}
#reviews_header{
    margin-bottom: 10px;    
    padding-bottom: 10px;    
    border-bottom: 1px solid #D5D5D5;
    border-top: 8px solid #DAD8D8;
    margin-top: 8px;
    padding-top: 8px;
}
#reviews_main_div{
    padding: 0 4px;
}

.single-product-container .product-content #sp5 #li2{
    font-weight: bold;  
    color: #015D35;
}
.single-product-container .product-content #sp5 #li1{
    font-weight: bold;  
    
}

#key_features{
    margin-top: 15px;
}





.single-product-container .product-content .description{
    font-size: 15px;
    margin: 0 0 20px;
    letter-spacing: 0.5px;
}
.cart-button{

    font-size: 15px;
    font-weight: 600;
    margin-left: 17px;
    text-transform: uppercase;
    color: #CE0202;
    background-color: #FEFBFA;
    padding: 7px 15px;
    
    border: 3px solid #df3500;
    border-radius: 4px;
    transition: all 0.3s;

}
.cart-button2{

    font-size: 15px;
    font-weight: 600;
    
    text-transform: uppercase;
    color: #CE0202;
    background-color: #FEFBFA;
    padding: 7px 15px;
    
    border: 3px solid #df3500;
    border-radius: 4px;
    transition: all 0.3s;

}
.buy-button{
    font-size: 15px;
    font-weight: 600;
    margin-left: 40px;
    text-transform: uppercase;
    color: #fff;
    background-color: #df3500;
    padding: 7px 15px;
    
    border: 3px solid #df3500;
    border-radius: 4px;
    transition: all 0.3s;
}

.single-product-container .product-content a:hover{
    background-color: #fff;
    color: #df3500;
}

/*----------------------------*/
   /*Single Product Page End*/
/*----------------------------*/

/*----------------------------*/
   /* Cart And Wishlist Page CSS Start */
/*----------------------------*/

.product-cart-container,
.product-wishlist-container{
    padding: 20px 0;
    min-height: 750px;
}
.product-cart{
    background-color: #FFFFFF;  
    width: 32px;
    height: 32px;
    padding: 3.6px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
}
.med-row{
   width: 25px;
    height: 25px;
    background-color: #FC0E40;
    margin: 0 auto;
    padding: 1.6px;
    border-radius: 50%;
}
.product-cart a{
    color: #FFFFFF;
    font-size: 15px;
    
}
.product-cart #add-cart{
    
}

.empty-result{
    font-size: 16px;
    padding: 20px;
    text-align: center;
    background-color: rgba(0,0,0,0.05);
    border-radius: 20px;
}

/*----------------------------*/
/* Cart And Wishlist Page CSS Start */
/*----------------------------*/


/*----------------------------*/
/* Left Sidebar CSS Start */
/*----------------------------*/

.left-sidebar{
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px;
}
#s5{
    
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 10px;
    
}
.left-sidebar h3{
    font-size: 18px;
    padding: 0 0 7px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.left-sidebar ul li a{
    color: #999;
    font-size: 15px;
    margin: 0 0 5px;
    display: inline-block;
    transition: all 0.3s;
}

.left-sidebar ul li a:hover{
    color: #555;
}

/*----------------------------*/
/* Left Sidebar CSS End */
/*----------------------------*/


/* user-profile form css */
/* ==================================== */

#user_profile-content {
    padding: 40px 0;
    min-height: 700px;
}

.user-view{
        
    color: #FFFFFF;
    text-decoration: none;
}
#user_profile-content table{
    width:100%;
    background:#f3f3f3;
    padding:20px 20px;
    border-radius:10px 10px;
    margin:0 0 30px;
}

#user_profile-content .modify-btn{
    color: #fff;
    background-color: #DF3500;
    display: inline-block;
}



/*----------------------------*\
   /user-profile Page End
\*----------------------------*/

/*----------------------------*\
	Pagination CSS Start
\*----------------------------*/
.pagination-outer{ text-align: center; }
.pagination{
    display: inline-flex;
}
.pagination li a.page-link{
    color: #fff;
    background-color: #2C3A47;
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px;
    border-radius: 0;
    border: none;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover{
    color: #fff;
    background-color: #2C3A47;
    text-shadow: 0 0 3px #2C3A47;
}
.pagination li a.page-link:before{
    content: '';
    background-color: #DF3500;
    height: 150%;
    width: 120%;
    position: absolute;
    left: -10%;
    top: -150%;
    z-index: -1;
    transition: all 0.3s ease 0s;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.pagination li.active a.page-link:before,
.pagination li a.page-link:hover:before{
    top: 0;
}
/*----------------------------*\
	Pagination CSS End
\*----------------------------*/

/*----------------------------*\
    Breadcrumb CSS 
\*----------------------------*/
.breadcrumb{
    background-color: transparent;
    padding: 0;
}

.breadcrumb li{
    font-size: 16px;
}

.breadcrumb li a{
    color: #000;
    transition: all 0.3s ease;
}

.breadcrumb li a:hover{
    color: #DF3500;
}

/*----------------------------*\
	Footer
\*----------------------------*/
#footer{
    color: #010000;
    background-color: #FFFFFF;
    padding: 30px 5px 0;
}

#footer h3{
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
#footer h3:after{
    content: '';
    display: block;
    clear: both;
    background-color: #fff;
    height: 2px;
    width: 100px;
    margin: 10px 0 0;
}

#footer p{
    font-size: 14px;
    letter-spacing: 0.5px;
}
#footer a{
    color: #080000;
}
#footer .menu-list{
    margin: 0 0 20px;
}
#footer .menu-list li{
    margin: 0 0 5px;
}

#footer .menu-list li a{
    color: #0B0000;
    font-size: 13px;
    
    letter-spacing: 0.5px;
    
    display: inline-block;
    transition: all 0.3s;
}

#footer .menu-list li i{
    display: inline-block;
    width: 15px;
    font-size: 18px;
    margin: 0 10px 0 0;
    vertical-align: top;
}
#footer .menu-list li span{
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 0;
    width: calc(100% - 30px);
    margin: 0 0 5px;
}

#footer .menu-list li a:hover{
    text-shadow: 0 0 5px #000;
}

#footer span{
    text-align: center;
    display: block;
    padding: 10px 0;
}
#notice-cotainer{
    
    margin: 85px 12px;
    padding: 15px;
    position: fixed;
    z-index: +1;
    background-color: #FFFFFF;
}
#notice-row{
    
    border: 2px solid #AE053D;
    border-radius: 4px;
    padding: 10px 7px;
    z-index: 1;
}
#notice-body{
    font-size: 13px;
    z-index: 1;

}
#notice-body2{
    font-size: 13px;
    font-weight: bold;
    color: #504F4F;
}
#backdiv{
    width: 100%;
    height: 800px;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    z-index: 1;
}
#noticeCloseIcon{
    color: #FFFDFD;
    font-size: 30px;
    position: absolute;
    z-index: 1;
    top: -50px;
    right: 5px;
}

#notice-title{
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

/*----------------------------*\
	/Footer
\*----------------------------*/
input.toggle-checkbox{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 10px;
    height: 14px;
    width: 25px;
    border: 1px solid #999;
    vertical-align: -2px;
    margin: 0 3px 0 0;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
            
}

input.toggle-checkbox:focus{
    outline: none;
}

input.toggle-checkbox:checked{
    background-color: green;
}


input.toggle-checkbox:before{
    content: '';
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
    opacity: 1;
    border: none;
    background-color: green;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    transform: translateX(0) translateY(0) rotate(0);
}

input.toggle-checkbox:checked:before{
    background-color: #fff;
    left: 11px;
}



/*payment success page css*/

.payment-response{
    padding: 50px 0;
    text-align: center;
}
.payment-response .panel i{
    font-size: 100px;
    display: block;
    margin: 0 0 20px;
}
#viewBackPage{
    display: block;
    position: fixed;
    top: 0;
    z-index: -1;
    background-color: #ABABAB;
    width: 100%;
    height: 800px;
    display: none;
   
}
#viewPage{
    display: block;
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: #FEFEFE;
    width: 90%;
    margin-left: 5%;
    margin-top: 3%;
    height: 420px;
    padding: 8px;
    border-radius: 5px;
    display: none;
}
.branch_header{
    background-color: #01949E;
}
@media only screen and (max-width: 450px){
#header .logo-img img{
    width: 80%;
    
   
    
}  

#header .header-info{
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 49px;
    right: 20px;
    
}
#header .header-info li a{
    font-size:14px;
    padding: 0;
    

}

#header {
    padding-top: 0;
    padding-bottom: 0;
    background: #01949E;
}
#header .search .form-control{
    

    padding: 0 19px;
    border-radius: 3px;
    

}
#marq{
    font-size: 13px;
}
#header .search .btn{
    
    position: absolute;
    z-index: 1;
    right: 2px;
    top: 12px;
    font-size: 13px;
    padding: 8px 12px 7.5px;
    
    border-radius: 0 20px 20px 0;
    
}
#banner .banner-content{
    margin: 0 -15px;
    height: auto;
    overflow: hidden;
}
.pcode{
    
    color: #FFFFFF;
    font-weight: bold;
    width: 30%;
    position: absolute;
    top: 6px;
    left: 0;


    
    
}
.inbanner{
    width: 100%;
}
.pcode p{
    background: #760303;    
}
.ccode{
    
    color: #080000;
    font-size: 10px;    
    width: 90%; 
    position: relative;
    bottom: 0px;
    left: 5px;
}










.product-section{
    padding: 0;
    margin: 0;

}

.product-section.content{
     min-height: auto;
    
}

.product-grid .product-image{
    
    
    overflow: hidden;
    border-radius: 10px;
    height: 200px;
    background: #EBEBEB;    
}
.product-section .product-grid{
    position: relative;
    right :  0;
    left: 3px;
    
    width: 48%; 
    float: left;
    background: #EBEBEB;
    margin: 2px; 
    padding: 0;
    padding-top: 5px; 
    height: 290px;
    border-radius: 10px;   


}

#search-col{
   
    margin: 0;  
    padding: 0;
   
    
    
}
#search-cols{
    
     margin: 0;  
    padding: 0;
    
}


/*For Catogory Show*/

.cato-grid .cato-image{
    
    
    overflow: hidden;
    border-radius: 10px;
    height: 100px;
    background: #FEFEFE;    
}
.mCato-grid .mCato-image{
    
    
    overflow: hidden;
    
    width: 67px;   
    height: 67px;
    background: #FFFFFF;
    border-radius: 50%; 
    
}
.product-section .cato-grid{

    position: relative;
    right :  0;
    left: 0;
    
    width: 22%; 
    float: left;
    
    margin: 5px; 
    padding: 0;
    padding-top: 0; 
    height: 130px;
    border-radius: 10px;  
}

.product-section .mCato-grid{

    position: relative;
    right :  0;
    left: 3px;
    
    width: 22%; 
    float: left;
    background: #FFFFFF;
    margin: 2px; 
    padding: 0;
    padding-top: 0; 
    height: auto;
    border-radius: 10px; 


}

#head-p{
    position: relative;
    
    top: 9px;
    font-size: 13px;
    margin-left: 5px;
    width: 70%;

}
 

.single-product-container .product-image img{
    width: auto;   
    max-height: 350px;


    
}
#cat-button{
    padding: 6px 0;
    font-size: 13px;

}

#cart-img{
    max-height: 120px;
}
#cart-row{
    background: #D6D3D3;
    margin-bottom: 5px;
    font-size: 14px;
}


#branch_select{
    width: 94%;
    margin: 0 3%;
    background-color: #D7D8D8;
    margin-top: 13%;
    padding-top: 10px;
    
}

#branch_select input, #branchDiv{
    width: 84%;
    margin: 2px 8%;
    padding: 8px;
    border: none;
    outline: none;
    font-size: 15px;
    height: 40px;
    border-radius: 5px;

}

#branchDiv{
    
    padding: 0;
    box-sizing: border-box;


}
#branchDiv select{
    border: none;
    outline: none;
    font-size: 12px;
}
#fix-btn-row{
    
    
    padding-top: 35px;
    padding-bottom: 15px;
    
    background-color: #FFFFFF;
}
#shop_cart{
    padding-top: 0;
    padding-bottom: 15px;
    
    background-color: #FFFFFF;
}
#branch_select .log_btn1{
    width: 45%;
    
    margin-top: 5px;
    font-size: 15px;
    height: 35px;
    outline: none;
}
#branch_select .log_btn2{
    width: 40%;
    
    margin-top: 5px;
    outline: none;
    font-size: 15px;
    height: 35px;
}
#log_row{
    margin-bottom: 15px;    
}
#headText{
    margin-top: 5%;
    margin-bottom: 7%;
    font-size: 16px;
    font-weight: normal;
}


#divone{
   
    
    left: 35%;
    
    top: -20px;
}

#result-box{
    width: 94%;
    height: 20%;
    
    
   
    left: 3%;
    right: 3%;
    top: 10%;

}
#resChild{
    width: 80%;
    
    height: 40px;
    margin-left: 10%;
    margin-top: 30px;
    font-size: 14px;
    padding: 6px;  
    
    

}
#res1{
    padding-top: 20px;
}
#res2{
    margin-left: 34%;
    margin-top: 15px;
}
#res2 button{
    margin-left: 6px;
}
#resData button{
    margin-left: 136px;
    margin-top: 20px;
    
}
.footer_main{
    position: fixed;
    top: 0;
    width: 70%;
    z-index: 1;
    height: 100%;
    display: none;
    padding-left:12px ;
}
#f_div1, .f_div1{
    display: none;
}
#footer i{
    color: #080808;
}
#barIcon{
    display: block;
    width: 10%;
    position: absolute;
    left: 0;
    top: 11px;
    font-size: 20px;
    z-index: 1;
}
#closeIcon{
    display: block;
    width: 10%;
    position: absolute;
    left: 87%;
    top: 6px;
    font-size: 30px;
    font-weight: bold;
    z-index: 1;
}
#bodyBack{
    position: fixed;
    top: 0;
    left: 0;
    z-index: +1;
    height: 500px;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    display: none;
}
#carouselExampleIndicators{
    
}
#f_div2{
    display: block;

}
#f_div2 li{
    font-weight: bold;
    font-family: sans-serif;
    padding-bottom: 15px;
}
#catTitle{
    color: #020202;
}
#mainCategoryLoad{
    background-color: #FFFDFD;
    height: 110px;
    display: flex;
    overflow-x: auto;
    z-index: -1
}
#scrollItem{
    background-color: #FFFFFF;
    min-width: 77px;
}
#product-img3,#product-img2{
    display: block;
    border-left : 2px solid #929292;
}

#user_profile{
    font-size: 20px;    
     display: block;
    list-style: none; 
    font-weight: bold;
    margin-bottom: 10px;
    color: #A70303;

}
#user_profile i {
    color: #A70303;
}
#user_edit{
    font-size: 12px;    
     display: block;
    list-style: none; 
    
    margin-bottom: 0;
    margin-left: 3px;
}
#subCatp{
    width: 30%;
    background-color: #FFFFFF;
}
.p_col{
    
    max-height: 300px;
    display: flex;
    overflow-x: auto;   

}
#p_grid{
   
    width: 160px;
}
#more_btn{
    font-size: 14px ;
    width: 70px;
    
    color: #0180D9; 
    border: 1px solid #A2A0A2;
    outline: none;
    margin: 3px 0;
}
#reviews_body{
    
    font-size: 14px;
    padding: 5px;
    margin: 0 4px;
    
    border-radius: 2px;
}
#reviews_title{
    
    font-size: 17px;    
    font-weight: bold;
   
}
#reviews_title_icon{
    text-align: right;
}
#reviews_opinion{
    
    font-size: 15px;

}
#reviews_img_div{
    height: 50px;
    
    
    
    border-right: 2px solid #0D0C0C;
    
}
#reviews_img_body{
    margin-bottom: 7px;
}
#reviews_body_col{
    padding: 5px;
    border-bottom: 1px solid #D5D5D5;
}
#reviews_view_all{
    border: 2px solid #65D9FB;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0 10px;
    cursor: pointer;

}
#smode input{
    width: 4px; 
    height: 4px;
}
#new_tag{
    font-size: 12px;
    border: 2px solid #FB389D;
    padding: 0 7px;
    font-weight: bold;
    border-radius: 8px;
    color: #FB389D;
}

#new_tag_div{
    position: absolute;
    top: 5px;
    right: 5px;
}

#PriceloadBtn, #loadBtn, #catPrLoadBtn{
    border: 2px solid #0571B6;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
#PriceloadBtn{
    display: none;
}
#log_page{
    padding: 10px;
    border-radius: 4px;
    
}
#log_page input{
    width: 100%;
    padding: 9px 15px;
    font-size: 18px;
    outline: none;
    border-radius: 3px;
    border: none;
}

.row{
    padding: 0;
    margin: 0;
}
.historyDiv{
    box-shadow: 3px 3px 5px #999999;
    margin-bottom: 5px;
} 

.lastPart{
    background-color: #DCDBDB;
    height: 16px;
}
.balHead{
    height: 120px;
    font-size: 25px;
    border-radius: 50%;
    padding-top: 35%;
    box-shadow: 0 0 12px #5E5B5B;

    

}
.loanDatails{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: #F9FEE6;
    padding: 10px 0;
}
.container{
    padding: 0;
    margin: 0;
}
.headValue{
    border-bottom: dashed;
    font-size: 16px;
    padding: 0;
    margin-top: 5px;
}
.headName{
    font-size: 15px;
    margin-top: 5px;
    padding-top: 3px;
}
.loanDiv{
    display: none;
}
.loanInfo{
    border-bottom: 4px;
    background-color: #05EEC6;
    padding: 10px 0;
}
.countNotify{
    position: absolute;
    right: 113px;
    top: 5px;
    font-weight: bold;
    font-size: 15px;
}
.countNum{
    background: #E70404;
    padding: 0 4px;
    border-radius: 50%;
}
.notificationDiv{
    background-color: #FCF9F9;
}
.notificationRow{
    padding: 3px 0;
    border-bottom: 2px solid #9E9D9D;
}
.intro-logo img{
    width: 100%;
}

.profile_heading{
    background-color: #03C6FE;
    margin-bottom: 10px; 
}
.profile_setting .profile_row:hover{
    background-color: #CF95AF;
    color: #FEFEFE;

}
.version_i span{
    font-size: 90px;
}
.version_i span:hover{
    color: #7DD38D;
}
.profile_setting input{
    width: 100%;
    padding: 6px 20px;
   
    border-radius: 3px;
    
    outline: none;
    font-size: 18px;
    color: #737373;


}

.user_heading{
    width: 94%;
    margin-left: 3%;
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow:  0 0 1.5px #AAAAAA;
    background: rgba(100, 255, 180, 0.1);
    
}
.user_heading22{
    width: 94%;
    margin-left: 3%;
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow:  0 0 1.5px #AAAAAA;
    background: rgba(255, 0, 0, 0.1);

    
}
#updt_profl_lbl{
    margin-left: 4%;
}
#invest_board{
    max-width: 100%;
    max-height: 100px;
}
.user_dashboard{
    width: 100%;
    max-height: 120px;
    overflow: auto;
    background-color: #9AD5C9;
    
    
}
.user_dashboard .dash_icon{
    height: 50px;
    background-color: #9AADD5;
    border-radius: 7px;
    padding: 5px;
    display:inline-block;
    float: left;
    
}

.user_dashboard #dash_icon_youtube{
    width: 100%;
    
    background-color: #FE3210;
    border-radius: 7px;
    padding: 5px;
    
}
.user_dashboard #dash_icon_facebook{
    width: 100%;
    
    background-color: #1E3DFC;
    border-radius: 7px;
    padding: 5px;
    
}
.user_dashboard #dash_icon_instagram{
    width: 100%;
    
    background-color: #FB1F96;
    border-radius: 7px;
    padding: 5px;
    
}
.user_dashboard #dash_icon_tweeter{
    width: 100%;
    
    background-color: #55B7FB;
    border-radius: 7px;
    padding: 5px;
    
}
.kyc_page{
    background-color: #F4D8E4;
}
#about_app{
    display: none;
}
#privacy_div{
    display: none;
}
#terms_div{
    display: none;
}
#contact_div{
    display: none;
}
#form-alert-div{
   width: 100%;
   font-size: 16px;
   
   margin-top: 8px
   
}
.form-div{
    background-color: #FFCBE3;
}
.kyc_radio{
    height: 45px;
    font-size: 16px;
    text-align: center;
}
.inputDiv1{
    background: #e9e9e9;  
}
.kyc_radio2{
    height: 45px;
    font-size: 16px;
    text-align: center; 
    border: none;
    outline: none;
    background: #e9e9e9;
    
}

#show_agent input{
    outline: none;
    border: none;
    border-radius: 3px;
    font-size: 16px;
}
#show_agent #search_agent{
    width: 94%;
   border: 1px solid #FEC9C9;
   margin-right: 3%;
   margin-left: 3%;
   border-radius: 3px;

    
}
.proceed1{
    color: #FAE271;
}
.proceed2{
    color: #F8B003;
}
.proceed3{
    color: #F56C07;#FF1A02
}
.proceed4{
    color: #F52307;
}
.style_btn{
    border : none;
    background-color: #01949E;
    color: #FBF2F2;
    font-size: 16px;
    border-radius: 4px;

    


}
.style_btn:hover{
    border : none;
    background-color: #02636A;
    color: #FBF2F2;
     
}
.payment_proccess{
    display: none;
}
#logo-title{
    font-size: 30px;
    font-weight: bold;
    font-family: initial;

}

.logo_heading{
    background-color: #ECFAD7;
}
.welcome_heading{
    background: linear-gradient(to right,#F44180, #C31B56);
}
.deposit_heading{
    background: linear-gradient(to right,#8022FF, #DE78FF);
}

.material-icons-outlined.md-16 { font-size: 16px; }
.material-icons-outlined.md-20 { font-size: 20px; }
.material-icons-outlined.md-30 { font-size: 30px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }
.material-icons-outlined.md-60 { font-size: 60px; }
.material-icons-outlined.md-72 { font-size: 72px; }

.activateBtn{
    
    border: 1px solid #3879FE;
    outline: none;
    color: #4880FF;
}
.activateBtn:hover{
    background-color: #747B90;
    border: 1px solid #747B90;
    outline: none;
    color: #FFFFFF;
}
.bg-light1{
    background-color: #F7F6F6;

}
.bg-light13{
    background-color: #CBC8FF;

}
.bg_red2{background-color: #FFC9C9;}
.bg_green2{background-color: #00BFD0;}
.bg_green21{background-color: #cefbff;}
.bg_2{background-color: #16CD7D;}
.bg_3{background-color: #DBDADB;}
.bg_4{background-color: rgba(0, 50, 69, 0.9);}
.bg_5{background-color: #FDEDED;}
.bg_6{background-color: #E9E9E9;}
.bg_7{background-color: #E9FFEA;}
.bg_8{background-color: #484848;}
.bg_9{background-color: #007919;}
.bg_11{background-color: #68FF87;}
.bg_12{background-color: #fe0044;}
.bg_13{background-color: #367fd9;}
.bg_10{
    background: rgba(100, 255, 180, 0.1);
    border : none;
    outline: none;
}
.bordr_btm_clr1{
    border-top : #3072c3 2px solid;
}
.border-normal{
    border: #FCD84E 1px solid ;
}
.brdr1{
    border: #2D2828 1px solid ;
}
.brdr11{
    border: #7bbbd0 2px solid ;
}
.brdr12{
    border: #d6b7d4 2px solid ;
}
.brdr13{
    border: #a7d994 2px solid ;
}
.brdr14{
    border: #40c5aa 2px dashed ;
}
.brdr_info{
    border: #EA7401 2px solid ;
}
.brdr_rad8{
    border-radius: 8px;
}
.brdr_rad5{
    border-radius: 5px;
}
.brdr_rad4{
    border-radius: 4px;
}
.brdr_rad3{
    border-radius: 3px;
}
.brdr_rad2{
    border-radius: 2px;
}
.brdr_rad1{
    border-radius: 1px;
}
.brdr_rad10{
    border-radius: 10px;
}
.txt_clr1{
    color: #DDE6DF;
}
.text-10{font-size: 10px;}
.text-11{font-size: 11px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-18{font-size: 18px;}
.text-19{font-size: 19px;}
.text-20{font-size: 20px;}
.text-21{font-size: 21px;}
.text-22{font-size: 22px;}
.text-25{font-size: 25px;}
.text-28{font-size: 28px;}
.text-30{font-size: 30px;}
.text-35{font-size: 35px;}
.text-45{font-size: 45px;}
#outer_wrapper {  
    overflow: scroll;  
    width:100%;
}
#outer_wrapper #inner_wrapper {
    width:1100px; /* If you have more elements, increase the width accordingly */
}
#outer_wrapper #inner_wrapper div.box { /* Define the properties of inner block */
    width: 80px;
    height:90px;
    float: left;
    margin: 0 4px 0 0;
    border:1px #00BFD0 solid;
}
#outer_wrapper #inner_wrapper div.box2 { /* Define the properties of inner block */
    width: 150px;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}

#outer_wrapper2 {  
    overflow: scroll;  
    width:100%;
}
#outer_wrapper2 #inner_wrapper2 {
    width:700px; /* If you have more elements, increase the width accordingly */
}
#rnddv1, #rnddv2{
    display: none;
}
.brdr_lft_rght{
    border-left: 1px solid #FFF7F7;
    border-right: 1px solid #FFF7F7;
}
#earning_data{
    display: none;
}
#withdraw_input{
    font-size: 50px;
    text-align: center;
    padding: 0;
    width: 100%;
    outline: none;
    border: none;
}
.sideMenuRow, .sideMenuRow_passch, .sideMenuRow_email, .sideMenuRow_contact, .sideMenuRow_privacy, .sideMenuRow_profiles{
    display: none;
    position: fixed;
    top: 0;
    left : 0;
    z-index: 1;

}

.sideMenu{
    height: 900px;
    
}
.sideMenu2{
   
    background-color: #716F6F;
    opacity: 0.8;
    height: 900px;
}
.pbx_new, .pbx_success, .pbx_otp, .pbx_success2, .lucky_profile, .sub_working, #total_report, .div_2, .div_3, .lucky_success{
    display: none;
}

.text_gold{color: #FFD700;}
.text_diamond{color: #b9f2ff;}
.brdr_btm{
    border-bottom: 3px solid #D8D7D7;
}
#line_through{
    text-decoration: line-through;
}
/*~~~~~~~~~~~~~~~*/
.bg_pattern1{
    background-color: #ffffff;
    opacity: 1;
    background-image: radial-gradient(circle at center center, #8efcff, #ffffff), repeating-radial-gradient(circle at center center, #8efcff, #8efcff, 40px, transparent 80px, transparent 40px);
    background-blend-mode: multiply;
}
.bg_pattern2{
    background: rgb(238,174,202);
background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
    
}
.bg_pattern3{
    background: rgb(174,228,238);
background: radial-gradient(circle, rgba(174,228,238,1) 0%, rgba(80,185,244,1) 100%);
}
.bg_pattern4{
    background: rgb(163,255,163);
    background: linear-gradient(22deg, rgba(163,255,163,1) 0%, rgba(255,176,176,1) 100%);
}
.bg_pattern5{
    background: rgb(163,225,255);
background: linear-gradient(22deg, rgba(163,225,255,1) 0%, rgba(255,176,219,1) 100%);
}
.bg_pattern6{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(245,179,206,1) 81%, rgba(240,9,9,1) 100%);
    
}
.bg_pattern7{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(185,245,179,1) 81%, rgba(18,187,2,1) 100%);
}
.bg_pattern8{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(179,224,245,1) 81%, rgba(2,186,187,1) 100%);
}
.bg_pattern9{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(245,243,179,1) 81%, rgba(177,194,5,1) 100%);
}
.bg_pattern10{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(179,245,238,1) 81%, rgba(4,218,151,1) 100%);
}
.bg_pattern11{
    background: rgb(228,228,228);
background: linear-gradient(22deg, rgba(228,228,228,1) 7%, rgba(245,197,179,1) 81%, rgba(218,65,4,1) 100%);
}
.bg_pattern19{
    background: rgb(146,248,208);
background: radial-gradient(circle, rgba(114,228,208,1) 0%, rgba(245,123,134,1) 100%);
}
.bg_pattern20{
   background: linear-gradient(to top, #022736, #FFFFFF);
}

.bg_pattern29{
   background: linear-gradient(to top, #022736, #009554);
}

.bx_shadow5{
    box-shadow: 0 0 5px 2px #EDEDED;
}
.bx_shadow55{
    box-shadow: 2px 2px 2px 2px rgba(179,224,245,1);
}
.bx_shadow6{
    box-shadow: 2px 3px 2px 2px rgba(245,179,206,1);
}
.bx_shadow7{
    box-shadow: 2px 3px 2px 2px rgba(185,245,179,1);
}
.bx_shadow8{
    box-shadow: 2px 3px 2px 2px rgba(179,224,245,1);
}
.bx_shadow9{
    box-shadow: 2px 3px 2px 2px rgba(245,243,179,1);
}
.bx_shadow10{
    box-shadow: 2px 3px 2px 2px rgba(179,245,238,1);
}
.bx_shadow11{
    box-shadow: 2px 3px 2px 2px rgba(245,197,179,1);
}
.txt_pattern1{
    color: #2CD324;
}
.txt_pattern2{
    color: #FFFB00;
}
.bg_pattern22{
    background: #FFFB00;
}
.bg_pattern23{
    background: #4B2CD1;
}

.bg_pattern33{
    background: #8C74F5;
}
.bg_pattern24{
    background: #065B0A;
}
.txt_pattern24{
    color: #81FD87;
}
.bg_pattern25{
    background: #5B0606;
}
.txt_pattern25{
    color: #FE9494;
}
.txt_pattern26{
    color: #02243A;
}
.bg_pattern12{
    background: rgb(215,252,241);
background: linear-gradient(153deg, rgba(215,252,241,1) 0%, rgba(0,209,147,1) 0%, rgba(255,255,255,1) 52%, rgba(255,189,207,1) 62%, rgba(247,178,196,1) 100%);
}
.bg_pattern13{
    background: rgb(215,252,241);
background: linear-gradient(215deg, rgba(215,252,241,1) 0%, rgba(0,209,63,1) 0%, rgba(255,255,255,1) 52%, rgba(255,189,239,1) 62%, rgba(247,178,228,1) 100%);
}
.bg_pattern14{
    background: rgb(215,252,241);
background: linear-gradient(153deg, rgba(215,252,241,1) 0%, rgba(141,209,0,1) 0%, rgba(255,255,255,1) 52%, rgba(225,189,255,1) 62%, rgba(222,178,247,1) 100%);
}
.bg_pattern15{
    background: rgb(215,252,241);
background: linear-gradient(215deg, rgba(215,252,241,1) 0%, rgba(209,150,0,1) 0%, rgba(255,255,255,1) 52%, rgba(189,199,255,1) 62%, rgba(178,185,247,1) 100%);
}
.bg_pattern16{
    background: rgb(215,252,241);
background: linear-gradient(153deg, rgba(215,252,241,1) 0%, rgba(209,10,0,1) 0%, rgba(255,255,255,1) 52%, rgba(189,246,255,1) 62%, rgba(178,230,247,1) 100%);
}
.bg_pattern17{
    background: rgb(215,252,241);
background: linear-gradient(215deg, rgba(215,252,241,1) 0%, rgba(209,0,81,1) 0%, rgba(255,255,255,1) 52%, rgba(189,255,208,1) 62%, rgba(178,247,215,1) 100%);
}

.bg_pattern18{
    background: rgb(215,252,241);
background: linear-gradient(153deg, rgba(215,252,241,1) 0%, rgba(0,209,200,1) 0%, rgba(255,255,255,1) 52%, rgba(218,255,189,1) 62%, rgba(247,168,156,1) 100%);
}
.z_index{
    z-index: -1;
}
#welcome_body{
    background: #01949E;
}
.txt_clr2{
    color: #F0746A;
}
.txt_clr12{
    color: #25AAE2;
}
.brdr_uppr{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.brdr23{
    border-left: 1px solid #D5D5D6;
    border-right: 1px solid #D5D5D6;
    border-bottom: 1px solid #D5D5D6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.brdr_top{
    border-top: 10px solid #F4F4F4;
}
.btn_stl{
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding: 0 16px;
    background-color: #FFF0F0;
    border-radius: 0.25rem;
    border: 1px solid #dddbda;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    :hover {
        background-color: #FED6D6; 
    } 
}
.btn_stl2{
    display: inline-block;
    outline: none;
    cursor: pointer;
    padding: 0 16px;
    background-color: #DEFEE7;
    border-radius: 0.25rem;
    border: 1px solid #dddbda;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    :hover {
        background-color: #DAFED6; 
    } 
}
#otp_form, #success_form{
    display: none;
}

.fixd_top{
    position: absolute;
    top: 0;
    z-index: -1;

}

.mb-150{
    margin-bottom: 150px;
}


.mt-15{
    margin-top: 15px;
}
.mt_90{
    margin-top: 90px;
}
.mt_220{
    margin-top: 220px;
}
.hgt{
    height: 500px;
}
.kyc_input{
    width: 100%;
    padding: 12px;
    padding-left: 25px;
    border-radius: 6px;
    outline: none;
    border: 1px solid #008587;
}
.brdr_rds{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.brdr_rds2{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.brdr_rds3{
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
.bg-1{
    background: #F6F4F4;
}

.brdr65{
    border: 2px solid #008587;
}

.feedback_textarea{
    height: 160px;
}
.support_banner{
    position: absolute;
    z-index: -1;
    top: 0;
}

.mt_150{
    margin-top: 180px;

}

.mt_130{
    margin-top: 90px;

}

.bg_39{
    background: #FFFFFF;
}

.bg_40{
    background: #CDC5C5;
}
.bg_41{
    background: #E6D6D6;
}

.response_div{
    display: none;
}
.bg_clasic{
    background: #022635;
}
.txt_clasic{
    color: #ACE3FA;
}
.div_2, .div_3{
    display: none;
}

#bg_blocker{
    width: 100%;
    height: 950px;
    position: fixed;


}
.bg93{
    background: #E8EAF4;
}
.pdf_course {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

.defult_btn {
    background: #3B7B94;
}

.defult_btn2 {
    background: #5AB0D2;
}
.bg_244{
    background: #EEEEEE;
}
.hidden1{
    display: none;
}
.hidden2{
    display: none;
}
.hidden3, #ads, #groups{
    display: none;
}
#payment_body{
    background: #F0EFEF;
}
.border_bttom{
    border-bottom: 3px solid #ECECEE;
}
.txt-45{
    color: #5E80ED;
}
.bg_dngr_light{
    background: #FFE3E3;
}
.bg_primary_light{
    background: #E1E7FF;
}
#body_bg1{
    background: #efefef;
}

#body_bg2{
    background: #e2e7f0;
}


#body_bg3{
    background: #E0F8FE;
}
.btm_brdr1{
    border-bottom: 2px solid #F0F0F0;
}

.brdr_right1{
    border-right: 2px solid #F0F0F0;
}

.buyer_bg{
    background: #22a0e6;
}
.buyer_txt{
    color: #22a0e6;
}
.sellar_bg{
    background: #f0a032;
}
.sellar_txt{
    color: #f0a032;
}

.txt_clr{
    color: #6B7EA3;
}
#p2p{
    display: none;
}
.mobileDiv{
    display: block;
}
.pcDiv{
    display: none;
}
#mobile_view{
    display: block;
}
#desktop_menu{
    display: none;
}
#desktop_view_index{
    display: none;
}
.desktop_only{
    display: none;
}
.mobile_only{
    display: block;
}
body{
    display: block;
}