/*=============== gallery css =============*/
.gallery-section .grid img{
    width: 100%;
}
.gallery-section .filters .button-group{
    /*text-align: center;*/
    overflow: auto;
    white-space: nowrap;
}
.gallery-section .filters .button-group button{
    background-color: transparent;
    border: 1px solid #4AAA48;
    color: #4AAA48;
    border-radius: 5px;
    padding: 6px 12px;
}
.gallery-section .filters .button-group button.is-checked{
    background-color: #4AAA48;
    color: #fff;
    transition: .2s;
}
.gallery-section .filters .button-group button:hover{
    background-color: #4AAA48;
    color: #fff;
    transition: .2s;
}
.gallery-section .filters .button-group button:focus {
    outline: none;
}
.gallery-section .filters .grid{
    margin: 0px;
}
.gallery-section .filters .grid .color-shape{
    margin: 13px 0px;
}
.gallery-section .filters .grid .color-shape a {
    transition: 1.8s;
}
.gallery-section .filters .grid .color-shape:hover a::before {
    content: "";
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    opacity: .9;
    z-index: 1;
    background: #4AAA48;
    background: -webkit-gradient(linear, left top, right top, from(#4AAA48), to(#4AAA48b3));
    background: linear-gradient(to right, #4AAA48cc, #4AAA48cc);
}
.gallery-section .filters .grid .color-shape a::after {
    color: #ffffff;
    content: "\f03e";
    /*content: "\f002";*/
    /*font-family: FontAwesome;*/
    font-family: "Font Awesome 5 Free";
    font-size: 24px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 80%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 4;
}

.gallery-section .filters .grid .color-shape-2 a::after {
    color: #ffffff;
    content: "\f144";
    font-family: FontAwesome 5 Free;
    font-size: 24px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 80%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 4;
}

.gallery-section .filters .grid .color-shape:hover a::after {
    opacity: 1;
    top: 50%;
    visibility: visible;
}

.color-shape-2 img{
    padding: 100px;
    border: 1px solid #e0e0e0;
}
/*end*/

#distributorCommisionModal .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #5ba52e;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
#exampleDistributorCommision .nav, #exampleModalCommision .nav{
    overflow-y: hidden;
    overflow-x: overlay;
    flex-wrap: inherit!important;
}
#exampleDistributorCommision .nav-tabs .nav-link, #exampleModalCommision .nav-tabs .nav-link{
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
#exampleModalCommision .modal-content, #exampleDistributorCommision .modal-content{
    background-color: #fff!important;
}
#exampleModalCommision .tabBody, #exampleDistributorCommision .tabBody{
    border: 1px solid #dee2e6;
    border-top: 0;
    padding-bottom: 15px;
}
@media(max-width: 785px){
    .full_title{
        display: none!important;
    }
    .short_title{
        display: block!important;
    }
}
@media(min-width: 786px){
    .full_title{
        display: block!important;
    }
    .short_title{
        display: none!important;
    }
}
#exampleModalCommision .tabBody h2 , #exampleDistributorCommision .tabBody h2 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.tabBody .retailer-order-detail:last-child{
    border-bottom: 1px solid #e0dfdd;
}
.custom_table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.custom_table td, .custom_table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.custom_table tr:nth-child(even){background-color: #f2f2f2;}

.custom_table tr:hover {background-color: #ddd;}

.custom_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #4CAF50;
    color: white;
}
/*chsnges 16-08-2019 start*/
/*=============== services css =============*/
.all-box-section .cl-full-box ul li p{
    color: #000000 !important;
}
.all-box-section ul{
    /*margin-top: -83px;
    margin-bottom: 30px;*/
    display: block!important;

}
.services-recharge-type {
    background-color: #4AAA48;
    height: 125px;
    padding-top: 20px;
}
.cl-full-box {
    background-color: #fff;
    -webkit-appearance: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    border-radius: 3px;
    width: 185px;
}
.cl-full-box ul {
    padding: 5px 20px 20px 20px;
    background-color: #fff;
}
.cl-full-box .cl-box-head h3{
    font-size: 18px;
    text-align: center;
    padding: 30px 10px;
    margin-bottom: 0;
}
.cl-full-box .cl-box-btn{
    text-align: center;
    padding-bottom: 20px;
    background-color: #fff;
}
.cl-full-box .cl-box-btn a{
    padding: 8px 30px;
    border: 1px solid #ccc;
    border-radius: 100px;
}

.cl-full-box ul li{
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.cl-full-box ul li:last-child{
    border-bottom: none;
}
.cl-box-head {
    margin: 2px;
    padding-bottom: 2px;
}

.services-box{
    background-color: #fff;
    border-radius: 3px;
}
.services-box .cl-box-head h3{
    color: #ef9f00;
}
.cl-full-box:hover .services-box{
    background-color: #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .services-box .cl-box-head h3{
    color: #fff;
}
.cl-full-box:hover .services-box .cl-box-btn a{
    background-color: #ef9f00;
    color: #fff;
    border: 1px solid #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .services-box .cl-bx-total{
    color: #ef9f00;
}

.basic-box{
    background-color: #ecf4e9;
    border-radius: 3px;
}
.basic-box .cl-box-head h3{
    color: #4AAA48;
}
.cl-full-box:hover .basic-box{
    background-color: #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .basic-box .cl-box-head h3{
    color: #fff;
}
.cl-full-box:hover .basic-box .cl-box-btn a{
    background-color: #ef9f00;
    color: #fff;
    border: 1px solid #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .basic-box .cl-bx-total{
    color: #ef9f00;
}

.silver-box{
    background-color: #edfaff;
    border-radius: 3px;
}
.silver-box .cl-box-head h3{
    color: #48c8fc;
}
.cl-full-box:hover .silver-box{
    background-color: #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .silver-box .cl-box-head h3{
    color: #fff;
}
.cl-full-box:hover .silver-box .cl-box-btn a{
    background-color: #ef9f00;
    color: #fff;
    border: 1px solid #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .silver-box .cl-bx-total{
    color: #ef9f00;
}

.golden-box{
    background-color: #fff2d7;
    border-radius: 3px;
}
.golden-box .cl-box-head h3{
    color: #ef9f00;
}
.cl-full-box:hover .golden-box{
    background-color: #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .golden-box .cl-box-head h3{
    color: #fff;
}
.cl-full-box:hover .golden-box .cl-box-btn a{
    background-color: #ef9f00;
    color: #fff;
    border: 1px solid #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .golden-box .cl-bx-total{
    color: #ef9f00;
}

.platinum-box{
    background-color: #ffebf1;
    border-radius: 3px;
}
.platinum-box .cl-box-head h3{
    color: #fc487d;
}
.cl-full-box:hover .platinum-box{
    background-color: #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .platinum-box .cl-box-head h3{
    color: #fff;
}
.cl-full-box:hover .platinum-box .cl-box-btn a{
    background-color: #ef9f00;
    color: #fff;
    border: 1px solid #ef9f00;
    transition: all 0.2s ease-in-out;
}
.cl-full-box:hover .platinum-box .cl-bx-total{
    color: #ef9f00;
}
.all-box-section .cl-box-inner{
    display: inline-block;
    padding: 5px;
}
.cl-bx-total p{
    margin: 0;
}
.fixed-head{
    float: left;
}

/* media query start */
@media (max-width:1199px) {    
    .scrl-data{
        white-space: nowrap;
        overflow: auto;
    }
    .all-box-section .cl-box-inner{
        display: inline-block;
    }
}
@media (max-width:991px) {
    .all-box-section .col {
        -ms-flex-preferred-size: 0;
        flex-basis: inherit;
        -ms-flex-positive: 1;
        flex-grow: inherit;
        max-width: 50%;
        margin: 6px 0px;
    }
}
@media (max-width:767px) {
    .all-box-section .col {
        -ms-flex-preferred-size: 0;
        flex-basis: inherit;
        -ms-flex-positive: 1;
        flex-grow: inherit;
        max-width: 100%;
    }
    .all-box-section .cl-box-inner {
        display: inline-block;
        padding: 0px 2px;
    }
    .cl-full-box {
        width: 142px;
    }
    .cl-full-box ul {
        padding: 5px 0px 20px 0px;
    }
    .cl-full-box ul li {
        font-size: 13px;
    }
    .cl-full-box .cl-box-head h3 {
        font-size: 16px;
        padding: 16px 6px;
    }
    .services-recharge-type {
        height: 80px;
    }
    /*.all-box-section {
        margin-top: -53px;
    }*/
}
/* package section css end*/




/*exclusive store list */
/*.recharge-type ul li {
    height: 100px;
}
.recharge-type ul li img {
    width: 40px;
}*/
.membershipfeetbl th {
    text-align: left !important;
}
.membershipfeetbl td {
    text-align: right !important;
}
.membershipfeetbl th, .membershipfeetbl td{
    padding: 0 10px 1rem 10px;
}
.order-msg-img {
    text-align: center;
}
.order-msg-img svg {
    width: 100px;
    display: block;
    margin: 20px auto 30px;
}
/*chsnges 16-08-2019 start*/

/*chsnges 29-07-2019 start*/
img.img-flag {
    /*height: 50px !important;*/
    width: 50px;
    object-fit: contain;
}
/*chsnges 29-07-2019 end*/
/*chsnges 24-07-2019 start*/
/*exclusive store list */
.cust-note{
    border: 2px solid #f5a900;
    padding: 10px;
    font-size: 18px;
    color: #4AAA48;
    border-radius: 5px;
}
@media(max-width: 320px){ 
    .ord-quantity span {
        font-size: 11px;
    }
}
#addEnqiry a {
    background: #ea1a61!important;
}
#addEnqiry a:hover {
    background: #3F51B5!important;
}
.cart-pg-product-info:last-child {
    border-bottom: none!important;
}
.qtyClass.form-control{
    padding: .5rem 1.2rem !important;
    display: inline;
    width: 70px;
    margin-right: 15px;
}
.ord-quantity span {
    color: red;
}
.tandc a {
    margin-top: 10px;
    display: inline-block;
    color: #fb9602;
    font-weight: bold;
}
#goTocart a{
    background: #f5a900!important;
}
#goTocart a:hover{
    background: #4AAA48!important;
}
.comming-soon {
    color: #4AAA48 !important;
    font-size: 18px;
}
.cart-sec textarea {
    resize: none;
}
.error-sec .btn-recharge{
    background-color: #f6af24;
    border: 1px solid #d69a15 !important;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    border: 0;
    text-align: center;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.error-sec .btn-recharge:hover{
    background-color: #4AAA48;
    border: 1px solid #508636 !important;
}
.recent-orders-details h1 a {
    color: #4AAA48;
    font-weight: bold;
}
.priceDetailsDiv span {
    font-size: 15px;
    color: #222222;
}
.cart-sec .form-control:focus {
    -webkit-box-shadow: 0 0 5px #ffae0b;
    box-shadow: 0 0 2px #ffae0b;
    border: 1px solid #ffbc00;
}

.cart-sec .form-control {
    border: 1px solid #e0dfdd;
    font-size: 14px;
    padding: .7rem 1rem;
    color: #504e4b;
}

.cart-head {
    margin-bottom: 10px;
    padding: 0 15px;
}
.cart-head .btn-recharge {
    background-color: #4AAA48;
    border: 1px solid #4AAA48 !important;
    color: #fff;
    padding: .7rem 1rem;
    border-radius: 4px;
    border: 0;
    text-align: center;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.cart-head h5{
    color: #504e4b;
    font-size: 18px;
}
.cart-head .text-bg-success{
    background-color: #28a745!important;
}
.cart-head .text-bg-warning{
    background-color: #ffc107!important;
}
.cart-head .text-bg-danger{
    background-color: #dc3545!important;
}

.cart-head .order-status-btn{
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 15px;
    text-transform: uppercase;
}

.cartDetailsDiv {
    max-height: 650px;
    overflow-y: scroll;
    /* padding: 5px; */
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
}
.cartDetailsDiv::-webkit-scrollbar {
    width: 3px;
}

.cartDetailsDiv::-webkit-scrollbar-thumb {
    background: #4AAA48;
}
.view-cart-btn a:hover {
    background-color: #F37B20  !important;
    color: #fff !important;
}
.store-discount {
    margin-bottom: 10px;
}
.cust-table {
  border-collapse: collapse;
  width: 100%;
}

.cust-table td, .cust-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.cust-table td {
    color: #7b7575
}

/*.cust-table tr:nth-child(even){background-color: #f2f2f2;}*/

/*.cust-table tr:hover {background-color: #ddd;}*/

.cust-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #4AAA48;
    color: #ffffff;
}
.store-dis-caption {
    padding-bottom: 17px;
}
.store-dis-caption span{
    color: #f5a900;
    font-size: 18px;
}
.store-item {
    overflow: hidden;
    /*padding: 10px 0;*/
    border: 1px solid #ddd;
    margin: 10px 0;
}
.store-thumb img {
    width: auto;
    height: auto;
    /*object-fit: contain;*/
}
.store-caption .store-name {
    font-weight: 400;
    line-height: 1.2;
    /*padding: 10px;*/
}
.store-caption {
    padding-top: 17px;
    border-top: 1px solid #ddd;
}
.store-button {
    /*padding-bottom:22px;*/
}
.store-caption .store-name a {
    color: #222222;
    text-transform: capitalize;
}


.store-section{
    /*min-height: 500px;*/
    border: 1px solid #ddd;
}

.store-head {
    min-height: 150px;
    background-color: #e49d28;
}
/*.store-logo img {
    height: 200px;
    width: 200px;
    object-fit: contain;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin-top: -100px;
    background-color: #fff;
}*/
.store-logo img {
    height: 200px;
    position: relative;
    width: 200px;
    border-radius: 50%;
    border: 1px solid #ddd; 
    margin-top: -100px;
    background-color: #fff !important;
    background-size: auto auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.store-title p{
    font-size: 30px;
}
.store-descp p{
    font-weight: 400;
    line-height: 1.2;
}

.store-tnc a {
    color: #4AAA48 !important;
}

.store-header img {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 50%;
    border: 1px solid #ddd;
    /* margin-top: -100px; */
    background-color: #fff !important;
    background-size: 65px 65px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.store-header span {
    color: #504e4b;
    font-size: 30px;
    margin-left: 10px;
}

.store-item figure {
    padding: 30px !important;
    text-align: center;
}


/*exclusive store list */

/*------------------- cart page css ------------*/

.breadcrumbs-section {
    text-align: center;
}

.breadcrumbs-section h1 {
    text-transform: capitalize;
    font-size: 20px;
    margin: 0;
    color: #fff;
    border-left: 4px double #fff;
    display: inline-block;
    border-right: 4px double #fff;
    padding: 0 10px;
}

.breadcrumbs-section ul {
    margin: 5px 0 0 0;
}

.breadcrumbs-section ul li {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-transform: capitalize;
}

.my-cl-rch {
    height: 130px;
}

.breadcrumb-my {
    margin: 25px 0px 20px 0;
    padding: 12px 0;
    background-color: #eee;
    color: #000;
    border-radius: 0px;
    padding-left: 10px;
}

.breadcrumb-my>li {
    display: inline-block;
}

.breadcrumb-my li::after {
    content: "|";
    margin: 0px 10px;
}

.breadcrumb-my>li+li:before {
    content: '';
    padding: 0;
}

.breadcrumb-my li:last-child::after {
    content: "";
    margin: 0px;
}

.breadcrumb-my li a {
    color: #222222;
    text-transform: capitalize;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.breadcrumb-my li a:hover {
    color: #F37B20  ;
}

.cart-pg-product {
    /*background: #fff;*/
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);*/
    /*border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px;
    border: 1px solid #cbcccb;
    background: #fff;*/
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline-block;
    width: 100%;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
    border: 1px solid #cbcccb;
}

.cart-pg-product-info {
    position: relative;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #eee;
    margin: 0 0 0 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.cart-pg-product-img {
    max-width: 150px;
    /*/*border: 1px dotted #cbcccb;*/
    /*padding: 5px;*/
    object-fit: contain;
}

.cart-pg-product-img img {
    height: 120px;
    object-fit: inherit;
    padding: 5px;
}

.ord-pro-dis h5 {
    font-size: 15px;
    color: #222222;
    text-transform: capitalize;
}

.ord-pro-dis {
    padding: 0 0 10px 0;
}

.ord-qunt {
    font-size: 14px;
    margin-bottom: 5px;
    color: #616273;
    margin: -10px 0 0 0;
    text-transform: capitalize;
}

.ord-prs {
    font-size: 16px;
    color: #4AAA48;
    text-transform: capitalize;
    margin: 0 0 0 0;
}

.ord-prs p strike {
    font-size: 14px;
    color: #7b7b7b;
}

ul.ord-info-sub-details li a {
    background: #4AAA48;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'Lexend Deca', sans-serif;
    text-transform: capitalize;
    transition: all 0.3s;
    width: 100%;
    margin: 0;
}

ul.ord-info-sub-details li a:hover {
    background-color: #F37B20  ;
}

ul.ord-info-sub-details li {
    margin: 5px 0;
}

.ord-quantity {}

.ord-quantity label {
    /*width: 100%;
    color: #222222;
    font-family: Roboto-Medium;*/
    color: #222222;
    margin: 0;
    width: 130px;
}

.my-cust-select .nice-select {
    width: 100%;
}

.my-cust-select .nice-select .list {
    width: 100%;
}

.ord-summery-details {
    background: #fff;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 15px 15px;
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);*/
    width: 100%;
    border: 1px solid #cbcccb;
    margin-bottom: 10px;
}

.ord-summery-details h5 {
    font-size: 15px;
    color: #4AAA48;
    text-transform: capitalize;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #cbcccb;
    padding: 0 0 10px 0;
}

.ord-summery-details ul li {
    float: left;
    padding: 8px 3px;
    border-bottom: 1px solid #cbcccb;
}

.ord-summery-details ul li:first-child {
    width: 60%;
}

.ord-summery-details ul li:last-child {
    width: 40%;
    text-align: right;
}

.ord-summery-details-btn a {
    background: #4AAA48;
    color: #fff;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'Lexend Deca', sans-serif;
    text-transform: capitalize;
    transition: all 0.3s;
    margin: 10px 0 0;
}

.ord-summery-details-btn a:hover {
    background: #F37B20  ;
    color: #fff;
}

.ord-summery-details-btn {
    text-align: center;
}

.cart-pg-product h2 {
    color: #504e4b;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 0;
}

.oder-info-det {
    background-color: #ffffff;
    padding: 1px 10px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    position: relative;
    transition: all 0.6s ease-in-out;
    height: 100%;
}

.oder-info-inner {
    margin: 5px 0px;
}

.oder-info-det .oder-info-inner label {
    font-size: 14px;
    color: #222222;
    position: relative;
    text-transform: uppercase;
    margin: 5px 0;
}

/*.oder-info-det .oder-info-inner input {
    color: #5a5a5a;
    width: 100%;
    padding: 6px;
    background-color: transparent;
    border: none;
    border: 1px solid #e2e2e2 ;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}*/

/*.oder-info-det .oder-info-inner input:focus {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    border-bottom: 1px solid #e2e2e2 !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}*/

.tab .nav-tabs {
    border: none;
    border-bottom: 2px solid #4AAA48;
    margin: 0;
}

.tab .nav-tabs li a {
    padding: 10px 20px;
    margin: 0 10px -1px 0;
    color: #222222;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid #e6e5e1;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}

.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a {
    background: #fff;
    color: #222222;
    font-size: 14px;
    border: 2px solid #4AAA48;
    border-bottom-color: transparent;
}

.tab .nav-tabs li a:before {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}

.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before {
    transform: scaleX(1);
}

.tab .tab-content {
    padding: 10px;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
}

@media only screen and (max-width: 479px) {
    .tab .nav-tabs {
        border: none;
    }
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tab .nav-tabs li a {
        margin: 0;
        border-bottom: 2px solid transparent;
    }
    .tab .nav-tabs li a:before {
        content: "";
        width: 100%;
        height: 2px;
        background: #4AAA48;
        position: absolute;
        bottom: -2px;
        left: 0;
    }
}

.payment-method-heading {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    color: #4AAA48;
}

.payment-method-inner {
    padding: 10px 0 10px 0;
}

.personal-info-txt-bx {
    width: 100%;
}

.personal-info-txt-bx label {
    font-size: 14px;
    color: #222222;
    position: relative;
    text-transform: uppercase;
    margin: 5px 0;
}

.payment-method-inner .input-main {
    width: 100%;
    border: 0px;
    margin-bottom: 0;
    padding: 6px 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 16px;
    background-color: #fff;
}

.payment-method-inner .input-main:focus {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.payment-method-inner p {
    color: #7d7b78;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    line-height: 26px;
}

.payment-inr-cl {
    padding: 8px 12px !important;
}

.payment-option-accordion {
    padding: 5px 0;
}

.payment-option-accordion .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #222222;
    background-color: transparent;
    border-color: #4AAA48 #4AAA48 #fff;
}

.payment-option-accordion .nav-tabs {
    border-bottom: 1px solid #4AAA48;
}

#faqs-accordion .card,.faqs-accordion .card {
    margin-bottom: 5px;
}

#faqs-accordion .card-header,.faqs-accordion .card-header {
    background: #fff;
    cursor: pointer;
    color: #504e4b;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 50px 10px 50px;
    position: relative;
}

.card-header[aria-expanded="true"] i {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.card-header i {
    position: absolute;
    left: 10px;
    font-size: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    width: 30px;
    height: 30px;
    text-align: center;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    line-height: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#faqs-accordion .card-body {
    background: #fafbfc;
    padding: 15px 15px 15px 15px;
    font-size: 14px;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    color: #4a4a4a;
}

.ord-summery-security {
    float: left;
    font-size: 25px;
}

.ord-summery-details p {
    margin: 0 0 0 30px;
    color: #222222;
    text-transform: capitalize;
    display: flex;
}

.ord-confirmation-inr {
    text-align: center;
    padding: 30px 0 10px 0;
}

.tickcomplete {
    stroke-dasharray: 29px;
    stroke-dashoffset: 29px;
    animation: draw 0.5s cubic-bezier(0.25, 0.25, 0.25, 1) forwards;
    animation-delay: 0.6s;
}

.circlecomplete {
    fill-opacity: 0;
    stroke: #4AAA48;
    stroke-width: 16px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    animation: grow 1s cubic-bezier(0.25, 0.25, 0.25, 1.25) forwards;
}

@-webkit-keyframes grow {
    60% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        stroke-width: 4px;
        fill-opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
        stroke-width: 8px;
        fill-opacity: 1;
        fill: #4AAA48;
    }
}

@-moz-keyframes grow {
    60% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        stroke-width: 4px;
        fill-opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
        stroke-width: 8px;
        fill-opacity: 1;
        fill: #4AAA48;
    }
}

@keyframes grow {
    60% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        stroke-width: 4px;
        fill-opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
        stroke-width: 5px;
        fill-opacity: 1;
        fill: #4AAA48;
    }
}

@-webkit-keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    100% {
        stroke-dashoffset: 0;
    }
}

.succ-ord-btn a {
    background: #4AAA48;
    color: #fff !important;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'Lexend Deca', sans-serif;
    text-transform: capitalize;
    transition: all 0.3s;
    margin: 10px 0 0;
}

.succ-ord-btn a:hover {
    background-color: #F37B20  ;
}

.ord-confirmation-inr p {
    color: #4AAA48;
}

.modal.fade .suc-ord-modl {
    transform: translate(0, 0) scale(0);
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.modal.show .suc-ord-modl {
    transform: translate(0, 0) scale(1);
}

.suc-ord-modl .modal-content {
    max-width: 100%;
}

.ord-quantity {
    /*padding: 0px 0 30px 0;*/
    padding: 0;
    display: flex;
    align-items: center;
}

@media(max-width: 991px){
    .cart-pg-product {
        margin-bottom: 20px;
    }
}

@media(max-width: 767px) {
    .payment-option-accordion .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border-color: transparent;
    }
    .cart-pg-product-img {
        max-width: 100%;
        text-align: center;
    }
    #faqs-accordion .card-body {
        padding-top: 0;
    }
    .payment-option-accordion .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        padding-left: 0;
    }
    ul.ord-info-sub-details li {
        width: 100%;
    }

    .ord-qunt{
        margin: 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 25px;
        margin-top: 10px;
    }

    .ord-prs{
        margin: 0 0 40px 0;
    }

    .ord-prs p {
        padding: 5px 0;
    }
}
.cart-sec {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -77px;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
}







/*---------------------- product listing css -------------*/
.slick-slide img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}
.product-sec a,
a:hover,
a:focus {
    color: #333;
    text-decoration: none;
}

.product-sec :focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.product-sec button:focus {
    outline: none;
}

.product-sec {
    margin-top: -200px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pro-info-text {
    /*padding: 20px 0 0 10px;*/
    padding: 15px;
}

.product-item {
    overflow: hidden;
    padding: 0 0 10px 0;
    border: 1px solid #ddd;
    margin: 10px 0px;
}

.product-item .color-categories {
    padding: 13px 0 6px;
}

.product-item:hover .product-thumb .sec-img,
.product-list-item:hover .product-thumb .sec-img {
    opacity: 1;
    visibility: visible;
}

.product-item:hover .product-thumb .pri-img,
.product-list-item:hover .product-thumb .pri-img {
    opacity: 0;
    visibility: hidden;
}

.product-item:hover .button-group a,
.product-list-item:hover .button-group a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.product-item:hover .cart-hover,
.product-list-item:hover .cart-hover {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
}

.product-thumb {
    position: relative;
    /*background: antiquewhite;*/
}

.product-thumb img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    padding: 10px;
}

.product-thumb .sec-img {
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.product-caption {
    padding-top: 17px;
    min-height: 126px;
}

.product-caption .product-name {
    font-weight: 400;
    line-height: 1.2;
    padding: 10px;
    min-height: 60px;
}

.product-caption .product-name a {
    color: #222222;
    text-transform: capitalize;
}

.product-caption .product-name a:hover {
    color: #4AAA48;
}

.manufacturer-name {
    line-height: 1;
}

.manufacturer-name a {
    font-size: 14px;
    line-height: 1;
    font-family: 'Lexend Deca', sans-serif;
    color: #7d7b78;
    text-transform: capitalize;
}

.manufacturer-name a:hover {
    color: #4AAA48;
}

.color-categories {
    line-height: 1;
}

.color-categories li {
    display: inline-block;
    padding: 1px;
    border-radius: 50%;
    border: 1px solid #efefef;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.color-categories li:hover {
    border-color: #4AAA48;
}

.color-categories li a {
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 50%;
}

.c-lightblue {
    background-color: #b0c4de;
}

.c-darktan {
    background-color: #4AAA48;
}

.c-grey {
    background-color: #808080;
}

.c-brown {
    background-color: #964B00;
}

.button-group {
    right: 15px;
    top: 15px;
    position: absolute;
}

.button-group a {
    width: 38px;
    height: 38px;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 45px;
    color: #222222;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
}

.button-group a span {
    display: block;
}

.button-group a i {
    font-size: 20px;
    color: #323232;
    font-weight: 600;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.button-group a i:hover {
    color: #4AAA48;
}

.cart-hover {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-label {
    background: #4AAA48;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 20px;
    line-height: 1;
    min-width: 46px;
    padding: 4px 12px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    z-index: 3;
}

.product-label span {
    display: block;
    margin-top: -1px;
}

.product-label.discount {
    background-color: #222222;
}

.product-label:nth-child(1) {
    top: 20px;
}

.product-label:nth-child(2) {
    top: 48px;
}

.ratings {
    color: #f9bd22;
    font-size: 14px;
}

.ratings span {
    margin-right: 3px;
}

.price-box {
    font-size: 15px;
    line-height: 1;
}

.price-regular {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 500;
}

.price-old {
    color: #7d7b78;
    font-family: 'Lexend Deca', sans-serif;
    padding-left: 5px;
    font-weight: 300;
}

.product-sec p:last-child {
    margin-bottom: 0;
}

.product-item ul.color-categories {
    display: block !important;
}

.btn-cart {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font-family: 'Lexend Deca', sans-serif;
    text-transform: capitalize;
    -webkit-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 1px 0.5px rgba(0, 0, 0, 0.05);
}

.btn-cart:hover {
    color: #fff;
    background-color: #4AAA48;
}

.button-group a img {
    width: 22px;
}

.product-sec .pro-info-text {
    padding-left: 20px;
}

.quick-view-size .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    max-width: unset;
}

.modal-cls {
    position: absolute;
    top: 5px;
    right: 12px;
    font-size: 36px;
    font-weight: normal;
    z-index: 20;
}

.product-details-right-main {
    padding: 0 0 0 0;
}

.quick-view-lrg-img img {
    width: 100%;
    display: inline-block;
    object-fit: contain;
    height: 300px;
}

.product-details-right-main h5 {
    font-size: 22px;
    color: #323232;
    margin-bottom: 10px;
}

.product-ratings .pro-review {
    padding-left: 8px;
    padding-right: 5px;
    font-family: 'Lexend Deca', sans-serif;
}

.product-ratings span.separator {
    padding-right: 5px;
    font-family: 'Lexend Deca', sans-serif;
}

.product-details-right-main p {
    color: #222222;
    font-family: 'Lexend Deca', sans-serif;
    margin: 15px 0;
}

.pro-dtl-cut-pr {
    color: #323232;
    font-size: 28px;
}

.pro-dtl-cut-pr i {
    margin-right: 3px;
    font-size: 25px;
}

.pro-dtl-cut-old i {
    margin-right: 3px;
}

.pro-dtl-cut-old {
    color: #646464;
    font-family: 'Lexend Deca', sans-serif;
    text-decoration: line-through;
    margin-left: 15px;
}

.product-ratings .product-overview h5 {
    color: #323232;
    display: block;
    font-size: 16px;
    padding: 10px 0 10px;
    position: relative;
}

.product-ratings .product-overview p {
    color: #595959;
}

.product-ratings .product-overview h5::before {
    background-color: #23252a;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 30px;
}

ul.color-box-main {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
}

ul.color-box-main li {
    float: left;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 3px;
    position: relative;
    cursor: pointer;
}

.pro-color-1 {
    background: #b0c4de;
}

.pro-color-2 {
    background: #4AAA48;
}

.pro-color-3 {
    background: #808080;
}

.pro-color-4 {
    background: #964B00;
}

ul.color-box-main li.active:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 10px;
}

.product-ratings .cust-select-main {
    float: right;
}

.product-ratings .product-quantity h5 {
    color: #323232;
    display: block;
    font-size: 16px;
    margin: 0;
    position: relative;
}

.cust-select-main select {
    display: none;
}


/*.modal.fade .quick-view-size {
    transition: -webkit-transform .3s ease-out !important;
    transition: transform .3s ease-out !important;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out !important;
    -webkit-transform: translate(0,0) scale(0.8) !important;
    transform: translate(0,0) scale(0.8) !important;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0) scale(1) !important;
    -moz-transform: translate(0,0) scale(1) !important;
    -ms-transform: translate(0,0) scale(1) !important;
    -o-transform: translate(0,0) scale(1) !important;
    transform: translate(0,0) scale(1) !important;
    }*/

.modal.fade .quick-view-size {
    transform: translate(0, 0) scale(0);
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.modal.show .quick-view-size {
    transform: translate(0, 0) scale(1);
}

.modal-cls:focus {
    box-shadow: none;
    outline: none;
}

.product-quantity {
    padding: 0 0 0;
}

.quick-view-thum-img .slick-slide {
    width: 100% !important;
    opacity: 0.5;
    cursor: pointer;
}

.quick-view-thum-img .slick-slide.slick-current {
    opacity: 1;
}

.quick-view-thum-img,
.quick-view-thum-inr {
    display: inherit !important;
}

.quick-view-thum-img .slick-prev,
.quick-view-thum-img .slick-next {
    position: absolute;
    background: #fff !important;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    width: 32px;
    height: 32px;
    z-index: 5;
}

.quick-view-thum-img .slick-prev {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-bottom-left-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-bottom-right-radius: 50%;
}

.quick-view-thum-img .slick-next {
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    border-top-left-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    -moz-border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -moz-border-top-right-radius: 50%;
}

.slick-prev::before {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f106" !important;
    font-size: 22px !important;
    color: #323232 !important;
    font-weight: 600;
}

.slick-next::before {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f107" !important;
    font-size: 22px !important;
    color: #323232 !important;
    font-weight: 600;
}

#Quick-view-popup .product-details-right-main .price-qnty-main {
    padding: 10px 0;
}

ul.select-size-div {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
}

ul.select-size-div li {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px;
    position: relative;
    cursor: pointer;
}

ul.select-size-div li.active2 {
    background: #4AAA48;
    color: #fff;
}

ul.pro-dtl-tw-btn li {
    display: inline-block;
}

ul.pro-dtl-tw-btn li a i {
    font-size: 22px;
}

ul.pro-dtl-tw-btn li a {
    background: #4AAA48;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'Lexend Deca', sans-serif;
    transition: all 0.3s
}

ul.pro-dtl-tw-btn li a i:before {
    color: #fff;
}

ul.pro-dtl-tw-btn li a:hover {
    background: #F37B20  ;
}

ul.pro-dtl-tw-btn li a img {
    margin-right: 5px;
}

ul.pro-dtl-tw-btn li a span {
    position: relative;
    top: -4px;
    /*left: 3px;*/
}

ul.pro-dtl-tw-btn {
    margin: 20px 0;
}

.view-detail-pglink a {
    font-size: 16px;
}

.view-detail-pglink a:hover {
    color: #4AAA48;
}


/*.quick-view-size .modal-content {
    background-color: #fff;
    margin: 0;
    border: 0;
    max-width: unset;
    -webkit-animation: none;
    animation: none;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.2);
    }*/

.bg-modal-left {
    background-color: #f8f8f8;
}

@media(min-width: 1200px) {
    .quick-view-size {
        max-width: 1100px;
    }
}

@media(max-width: 767px) {
    .product-sec {
        border-radius: 0;
    }
    ul.pro-dtl-tw-btn li a {
        margin: 5px 0;
    }
    .quick-view-thum-img {
        background: #fff;
    }
    .view-detail-pglink {
        padding-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    #product-view .modal-content .col-xl-7 {
        background: #f7f7f7;
    }
}


/*-------------- change 04-07-2019 ---------------*/

.product-identity ul li a {
    width: 38px;
    height: 38px;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #4AAA48;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.product-identity ul li a i {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.product-identity ul li a:hover {
    background: #F37B20  ;
}

.product-identity {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-quantity h5 span{
    color: red;
    font-size: 12px;
    text-transform: capitalize;
}

/*.alert {
  background: white;
  width: 100%;
  display: flex;
  padding: 1rem;
  align-items: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 2px solid;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, .04), 0px 12px 25px rgba(0, 0, 0, .07);
  animation: transitionIn 200ms ease forwards;
  transition: all 200ms ease;
}
.alert-message {
    color: #222222;
    text-transform: capitalize;
}
.alert-close {
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  color: #677b7a;
  text-align: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  border-radius: 0.4rem;
}
.alert-close:hover, .alert-close:focus {
  background: rgba(103, 123, 122, .2);
}
.alert-icon {
  margin-right: 1rem;
  width: 36px;
  height: 36px;
  animation: fade 500ms linear forwards;
}
.alert-icon-path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  stroke-width: 4px;
  animation: dash 1s ease forwards;
}
.alert-icon-path-type {
  animation-delay: 300ms;
  animation-duration: 5s;
}
.alert-success {
  color: #4AAA48;
  border-color: #4AAA48;
}
.alert-warning {
  color: #ffba4b;
  border-color: #ffba4b;
}*/

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.wrapper {
  max-width: 500px;
  width: 100%;
  margin: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
}


/*.view-cart-btn {
    position: absolute;
    right: 0;
    top: 10px;
}*/

.view-cart-btn a{
    background: #4AAA48;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-family: 'Lexend Deca', sans-serif;
    transition: all 0.3s;
}

.view-cart-btn a i {
    font-size: 22px;
}

.view-cart-btn a span {
    position: relative;
    top: -3px;
    left: 0;
}

@media(max-width: 991px){
    .alert{
        width: 50%;
    }
}

@media(max-width: 767px){
    .alert{
        width: 91%;
        margin: 0 5px 10px 10px;
    }
}

/*chsnges 24-07-2019 end*/






.require {
    color:red;
}
.errorType {
    border: 1px solid red !important;
}
.error_msg {
    color: #ff0000 !important;
}
.alertMsgCustom {
    width: 100%;
    margin: 4px 4px 0px 4px;
}
.alertMsgCustom .alert {
    margin-bottom: 0px !important;
}
.spin_loader{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;

}
.loder-inner{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
}
.loder-inner img{
    width: 50px;
}
body {
    font-family: 'Lexend Deca', sans-serif;
    background-color: #f5f5f4;
    font-size: 14px;
}

/*b, strong {
    font-family: Roboto-Light;
}

@font-face {
    font-family: Roboto-Black;
    src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: Roboto-BlackItalic;
    src: url(../fonts/Roboto-BlackItalic.ttf);
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: Roboto-BoldItalic;
    src: url(../fonts/Roboto-BoldItalic.ttf);
}

@font-face {
    font-family: Roboto-Italic;
    src: url(../fonts/Roboto-Italic.ttf);
}

@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-LightItalic;
    src: url(../fonts/Roboto-LightItalic.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: Roboto-MediumItalic;
    src: url(../fonts/Roboto-MediumItalic.ttf);
}

@font-face {
    font-family: 'Lexend Deca', sans-serif;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf);
}

@font-face {
    font-family: Roboto-ThinItalic;
    src: url(../fonts/Roboto-ThinItalic.ttf);
}*/
/* common css start */
ul {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #a7a6a5;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #a7a6a5;
}

.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #a7a6a5;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #a7a6a5;
}
/* common css End */
/* home page css start */
.header {
    background-color: #fff;
    padding: 10px 0 10px 0;
    /*-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);*/
    position: relative;
}
.header-containt {
    padding-bottom: 5px;
}

.header-containt span {
    color: #7d7b78;
    border-right: 1px solid #7d7b78;
    padding-right: 5px;
    font-family: 'Lexend Deca', sans-serif;
}
.header-containt span:last-child {
    border: 0;
}

.header-containt a {
    color: #7d7b78;
}

.header-containt ul li {
    color: #7d7b78;
    font-family: 'Lexend Deca', sans-serif;
    display: inline-block;
    padding-left: 10px;
}

.side-nav {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    width: 270px;
    overflow: hidden;
    transition: 0.5s;
    z-index: 1;
    transform: translateX(-300px);
    z-index: 99;
    overflow-y: auto;
}

.side-nav-show {
    transform: translateX(-0px);
}

.side-nav-hide {
    transform: translateX(-300px);
}

.side-nav .ul-one {
    padding: 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0dfdd;
    background-color: #f9f9f8;
}

.side-nav .ul-one img {
    width: 47px;
}
.side-nav p {
    color: #7d7b78;
    margin-bottom: 5px;
    padding-left: 15px;
}

.side-nav p:last-child {
    margin-bottom: 0;
}

.side-nav h6 {
    margin: 20px 0 0 15px;
    text-transform: uppercase;
    padding: 0 0 15px;
    font-size: 14px;
    color: #7d7b78;
    position: relative;
    font-family: 'Lexend Deca', sans-serif;
    opacity: 0.6;
}

.side-nav h6:before {
    background: #e0dfdd;
    position: absolute;
    height: 2px;
    width: 22px;
    content: "";
    bottom: 0;
    left: 0;
}

.side-nav .ul-two {
    padding-left: 15px;
}

.side-nav .ul-two li {
    color: #7d7b78;
    border-bottom: 1px solid #e0dfdd;
    line-height: 50px;
}

.side-nav .ul-two li .fas {
    color: #9d9b99;
    font-size: 16px;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.side-nav a {
    color: inherit;
}

.side-nav .fa-times {
    position: absolute;
    top: 10px;
    right: 15px;
}

.toggle {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 0;
    padding-left: 15px;
}

.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 5px;
    background-image: linear-gradient(to right, #4AAA48, #F37B20  );
    margin: 6px 0;
    transition: 0.4s;
    border-radius: 5px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.nav-containt ul li {
    display: inline-block;
}

.nav-containt ul li:first-child a {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
}

.nav-containt ul li p {
    color: #7d7b78;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-containt ul li:nth-child(2n+3) a {
    background-color: #4AAA48;
    color: #fff;
    padding: 5px 12px;
    font-family: 'Lexend Deca', sans-serif;
    border: 0;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.nav-containt ul li:nth-child(2n+3) a:hover {
    background-color: #F37B20  ;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}
.recharge-type {
    background: linear-gradient(to bottom,#4AAA48,#237D21);
    height: 190px;
    padding-top: 20px;
}

.recharge-type ul li p {
    color: #fff;
    margin: 10px 0 0 0;
    font-family: 'Lexend Deca', sans-serif;
    text-align: center;
    white-space: nowrap;
}

.recharge-type ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
}

.recharge-type ul li {
    text-align: center;
    padding: .6rem 8px;
    margin: 0 8px;
    cursor: pointer;
}

.active-recharge-type {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.active-recharge-type a p {
    color: #4AAA48 !important;
}

.recharge-type ul::-webkit-scrollbar {
    height: 5px;
}

.recharge-type ul::-webkit-scrollbar-thumb {
    background: #F37B20  ;
    border-radius: 10px;
}


.recharge-sec {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -77px;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
}

.recharge-sec h5 {
    color: #504e4b;
    font-size: 18px;
}

.recharge-sec p {
    /*color: #7d7b78;*/
    /*font-family: Roboto-Light;*/
    color: #6f6f65;
    font-weight: 800;
}

.recharge-sec label {
    /*color: #7d7b78;*/
    /*font-family: Roboto-Light;*/
    color: #6f6f65;
    font-weight: 800;
}

.recharge-sec .form-control {
    border: 1px solid #e0dfdd;
    font-size: 14px;
    padding: .7rem 1rem;
    color: #504e4b;
}

.recharge-sec .form-control:focus {
    -webkit-box-shadow: 0 0 5px #ffae0b;
    box-shadow: 0 0 2px #ffae0b;
    border: 1px solid #ffbc00;
}

.recharge-sec .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    /*color: #a7a6a5;*/
    color: #6f6f65;
    font-weight: 600;
}

.recharge-sec .form-control::-moz-placeholder {
    /* Firefox 19+ */
    /*color: #a7a6a5;*/
    color: #6f6f65;
    font-weight: 600;
}

.recharge-sec .form-control:-ms-input-placeholder {
    /* IE 10+ */
    /*color: #a7a6a5;*/
    color: #6f6f65;
    font-weight: 600;
}

.recharge-sec .form-control:-moz-placeholder {
    /* Firefox 18- */
    /*color: #a7a6a5;*/
    color: #6f6f65;
    font-weight: 600;
}
.recharge-sec .btn-recharge:focus {
    outline: 0;
    background-color: #F37B20  ;
    border: 1px solid #F37B20   !important;
    -webkit-box-shadow: 0 0 5px #F37B20  ; 
    box-shadow: 0 0 5px #F37B20  ;
}
.checkbox-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    border: 1px solid #4AAA48;
    background-color: #fff;
    border-radius: 50%;
}

.checkbox-label input:checked~.checkbox-checkmark {
    background-color: #fff;
}

.checkbox-checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.checkbox-label input:checked~.checkbox-checkmark:after {
    opacity: 1;
    visibility: visible;
}

.checkbox-label .checkbox-checkmark:after {
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #4AAA48;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    /*color: #a7a6a5 !important;*/
    color: #6f6f65 !important;
    vertical-align: middle;
    font-weight: 600;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e0dfdd !important;
    padding: .7rem 1rem;
}

.select2-container--default .select2-selection--single:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 5px #ffae0b!important;
    box-shadow: 0 0 2px #ffae0b!important;
    border: 1px solid #ffbc00!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    right: 15px !important;
    top: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px !important;
    border-color: #a3a2a0 transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 7px 6px !important;
    border-color: transparent transparent #a3a2a0 transparent !important;
}

.select2-selection__clear {
    display: none;
}

.select2-container--open {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 2px #ccc;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.select2-search--dropdown .select2-search__field:focus {
    outline: 0;
}

.recharge-sec .form-group a .price-label {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    border: 1px solid #e0dfdd;
    width: 45px;
    height: 45px;
    margin: 0;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.recharge-sec .form-group a .price-label-active {
    background-color: #4AAA48;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border: 1px solid #4AAA48;
    width: 45px;
    height: 45px;
    margin: 0;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    cursor: pointer;
}

.recharge-sec ul {
    display: flex;
}

.recharge-sec ul li {
    margin-right: 5px;
}

.recharge-sec ul li:last-child {
    margin-right: 0;
}

.recharge-sec .btn-recharge {
    background-color: #4AAA48;
    border: 1px solid #4AAA48 !important;
    color: #fff;
    padding: .7rem 1rem;
    border-radius: 4px;
    border: 0;
    text-align: center;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}

.recharge-sec .btn-recharge:hover {
    background-color: #F37B20  ;
    border: 1px solid #F37B20   !important;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.recent-orders {
    border: 1px solid #e0dfdd;
    border-radius: 5px;
}

.recent-orders-header {
    background-color: #f9f9f8;
    padding: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.recent-orders-header h5 {
    color: #504e4b;
    margin: 0;
    text-transform: uppercase;
}

.recent-orders-header a {
    background-color: #dededc;
    color: #7d7b78;
    padding: 10px 18px;
    border-radius: 4px;
    border: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-transform: uppercase;
}

.recent-orders-header a:hover {
    background-color: #F37B20  ;
    color: #fff;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.recent-orders-details {
    padding: 15px 15px;
    border-top: 1px solid #e0dfdd;
    border-left: 1px solid #e0dfdd;
    border-right: 1px solid #e0dfdd;
}
.recent-orders-details:first-child {
    border-top: 0;
}
.recent-orders-details ul{
    display: flex;
    align-items: center;
}
.recent-orders-details ul li{
    padding-right: 15px;
    margin: 0;
}
.recent-orders-details label {
    width: 60px;
    height: 60px;
    border: 1px solid #7d7b78;
    border-radius: 50%;
    margin: 0;
    position: relative;
}

.recent-orders-details label img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.recent-orders-details .form-control {
    border: 1px solid #e0dfdd;
    font-size: 14px;
    padding: .7rem 1rem;
    color: #504e4b;
    cursor: pointer;
}

.recent-orders-details .form-control:focus {
    -webkit-box-shadow: 0 0 5px #ffae0b;
    box-shadow: 0 0 2px #ffae0b;
    border: 1px solid #ffbc00;
}

.recent-orders-details span .fa-calendar-alt,
.fa-search {
    color: #a3a2a0;
    position: absolute;
    right: 31px;
    top: 16px;
    cursor: pointer;
}

.recent-orders-details h1 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

.recent-orders-details h2 {
    color: #7d7b78;
    margin: 0;
    font-size: 14px;
}
.recent-orders-details h3 {
    text-align: center;
    color: #f5a900;
}
.recent-orders-details .div-1 {
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
}

.recent-orders-details .refunded {
    background-color: #B2B6B6;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

.recent-orders-details .success {
    background-color: #4AAA48;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.recent-orders-details .failed {
    background-color: #ed2e3c;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}
.recent-orders-details .processing {
    background-color: #FF9831;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
}

.recent-orders-details .invoice {
    background-color: #23b67d;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.recent-orders-details h6 {
    color: #4AAA48;
    margin: 0;
    display: inline-block;
    font-size: 14px;
}

.recent-orders-details .fa-rupee-sign {
    color: #4AAA48;
}

.recent-orders-body {
    height: 454px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.recent-orders-body::-webkit-scrollbar {
    width: 3px;
}

.recent-orders-body::-webkit-scrollbar-thumb {
    background: #4AAA48;
}

.offers-sec {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
    padding-top: 50px;
    padding-bottom: 30px;
}

.offers-sec h6 {
    color: #504e4b;
    font-size: 17px;
    text-transform: uppercase;
}

.offers-sec p {
    color: #7d7b78;
    margin: 0;
}

.offers-sec a {
    background-color: #dededc;
    color: #7d7b78;
    padding: 10px 18px;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-transform: uppercase;
}

.offers-sec a:hover {
    background-color: #F37B20  ;
    color: #fff;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.offers-sec .owl-theme .owl-dots .owl-dot.active span {
    background: #4AAA48;
}

.offers-sec .owl-theme .owl-dots .owl-dot span {
    background: #d9d9d7;
    margin: 5px 5px;
}

.offers-sec .owl-dots {
    margin-top: 10px;
}

.offers-sec .owl-dots button:focus {
    outline: 0;
}

.offers-sec .owl-carousel .owl-nav.disabled {
    display: block;
}

.offers-sec .owl-prev {
    position: absolute;
    left: 0;
    background-color: #fff !important;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    top: 40%;
    margin: 0 !important;
    -webkit-transition: all 0.3s;
}

.offers-sec .owl-prev:hover {
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.6);
}

.offers-sec .owl-next {
    position: absolute;
    right: 0;
    background-color: #fff !important;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2);
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    top: 40%;
    margin: 0 !important;
    transition: all 0.3s;
}

.offers-sec .owl-next:hover {
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.6);
}

.offers-sec .owl-nav button:focus {
    outline: 0;
}

.offers-sec .fa-chevron-left,
.fa-chevron-right {
    color: #595959;
}

.offers-sec .owl-theme .owl-nav {
    margin-top: 0;
}

.recharge-bill-pay {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
    padding: 50px 15px 50px 15px;
}

.recharge-bill-pay h1 {
    color: #504e4b;
    font-size: 17px;
    text-transform: uppercase;
}

.recharge-bill-pay p {
    color: #7d7b78;
    margin-bottom: 2rem;
}

/*.recharge-bill-pay ul {
    margin-bottom: 75px;
}*/

.recharge-bill-pay ul li {
    color: #7d7b78;
    margin-bottom: 1rem;
}

.work-detail {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
    padding: 50px 15px 25px 15px;
}

.work-detail h6 {
    color: #504e4b;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.work-detail p {
    color: #838383;
    margin-bottom: 1rem;
}

.work-detail ul {
    padding-top: 20px;
    padding-right: 100px;
    display: inline-block;
}

.work-detail ul li {
    color: #838383;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 1rem;
    padding-left: 15px;
}

.work-detail ul li .fa-check {
    color: #4AAA48;
    padding-right: 15px;
}

.operator-sec {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 8px;
}

.operator-sec h6 {
    color: #504e4b;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 2rem;
    padding: 0 15px;
}

.operator-sec .owl-dots {
    display: none;
}

.owl-inner {
    text-align: center;
}

.owl-inner label {
    background-color: #d9d9d7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative;
}

.owl-inner label:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.owl-inner img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:50px !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s;
    margin: 0 auto;
}

.owl-inner p {
    color: #838383;
    font-family: 'Lexend Deca', sans-serif;
    white-space: nowrap;
}

.footer {
    background-color: #041601;
}

.footer h6 {
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    padding-right: 50px;
    display: inline-block;
}

.footer img {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.footer img:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.footer ul li h5 {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: uppercase;
    white-space: nowrap;
}
.footer ul li h3{
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}
.footer ul li {
    margin-bottom: 16px;
}

.footer ul li a {
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
}

.footer ul li h4 {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 14px;
}

.footer ul li a .lbl-facebook {
    background-color: #4972bc;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    margin: 0;
}

.footer ul li a .lbl-facebook:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.footer ul li a .lbl-twitter {
    background-color: #65ccef;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    margin: 0;
}

.footer ul li a .lbl-twitter:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.footer ul li a .lbl-googleplus {
    background-color: #f34a3c;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    margin: 0;
}

.footer ul li a .lbl-googleplus:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.header-hr {
    border-top: 1px solid #e0dfdd;
    margin-top: 0;
    margin-bottom: 10px;
}

.footer-menu-hrone {
    border-top: 1px solid #979797;
    margin-top: 0;
    margin-bottom: 35px;
}

.footer-menu-hrtwo {
    border-top: 1px solid #979797;
    margin-bottom: 0;
    margin-top: 19px;
}

.footer span {
    color: #4AAA48;
    border-right: 1px solid #787672;
    padding-right: 5px;
    font-family: 'Lexend Deca', sans-serif;
}

.footer span a {
    color: #4AAA48;
}

.footer span:last-child {
    border: 0;
}

.footer p {
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
}

.footer .card ul li a {
    color: #fff;
}

.footer .card ul {
    padding-left: 2.7rem;
}

.footer .card ul li {
    border-bottom: 1px solid #979797;
    margin-bottom: 0;
    padding: 15px;
}

.footer .card {
    background-color: transparent;
    border: 0;
}

.footer .card-header {
    border-bottom: 1px solid #979797;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: transparent;
}

.footer .card:first-child .card-header {
    border-top: 1px solid #979797;
}

.footer .card-header .btn-link {
    color: #fff;
}

.footer .card-header .btn-link:focus {
    text-decoration: none;
}

.footer .card-header .btn-link:hover {
    text-decoration: none;
}

.footer .card-body {
    padding: 0;
}

.footer .btn {
    font-size: 14px;
    font-family: 'Lexend Deca', sans-serif;
}

.footer .card .card-header h5 button[aria-expanded="true"]:before {
    content: '\2212';
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.footer .card .card-header h5 button[aria-expanded="false"]:before {
    content: "\002B";
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.ft-ul ul {
    padding: 1rem 0 0 0;
}

.ft-ul ul li {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 15px;
}
/* home page css end */

/* modal css end */
.modal {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
}

.modal-content {
    background-color: #f5f5f4;
    margin: 5% auto 15% auto;
    border: 0;
    max-width: 750px;
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 15px 2px rgba(0, 0, 0, 0.2)
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.box-1 {
    background-color: #4AAA48;
    padding: 15px 20px 15px 20px;
    border-top-left-radius: 3px;
    width: 100%;
}

.box-1 h2 {
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.box-1 h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: #fff;
    width: 30px;
    height: 3px;
}

.box-1 p {
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 18px;
    margin: 0;
}

.box-2 {
    background-color: #f0a81e;
    padding: 15px 15px 0 15px;
    border-bottom-left-radius: 3px;
    text-align: center;
    width: 100%;
}

.box-2 img {
    position: relative;
    z-index: 1;
}

.main-box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/box-bg.png);
    background-size: cover;
}

.sign-in-header {
    padding: 15px;
    border-bottom: 1px solid #e0dfdd;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.sign-in-header h6 {
    color: #807d76;
    margin: 0;
    font-family: 'Lexend Deca', sans-serif;
    display: inline-block;
}

.sign-in-header .fa-times {
    float: right;
    font-size: 1rem;
    color: #d7d6d4;
}

.sign-in-form {
    padding: 5px 15px 0 15px;
    width: 100%;
}

.sign-in-form label {
    color: #7d7b78;
    font-weight: 100;
}

.sign-in-form .form-control {
    color: #504e4b;
    border: 1px solid #e0dfdd;
    padding: 9px 12px;
    font-size: 14px;
    background-color: #f5f5f4;
    border-radius: .25rem !important;
}

.sign-in-form .form-control:focus {
    -webkit-box-shadow: 0 0 5px #ffae0b;
    box-shadow: 0 0 2px #ffae0b;
    border: 1px solid #ffbc00;
}

.sign-in-form .form-group {
    margin-bottom: 5px;
}

.sign-in-form a {
    color: #77ad5f;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    padding-right: 1rem;
    float: right;
    position: relative;
    top: 40px;
}

.sign-in-form button {
    background-color: #4AAA48;
    color: #fff;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 9px 12px;
    border: 1px solid #4AAA48;
    width: 150px;
}

.sign-in-form .btn-block {
    width: 100% !important;
}

.sign-in-form button:hover {
    background-color: #F37B20  ;
    border: 1px solid #F37B20  ;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.5);
}

.sign-in-form button:focus {
    outline: 0;
    background-color: #F37B20  ;
    border: 1px solid #F37B20   !important;
    -webkit-box-shadow: 0 0 5px #F37B20  ;
    box-shadow: 0 0 5px #F37B20  ;
}

.sign-in-form textarea {
    resize: none;
}

.sign-in-form .custom-file {
    height: auto;
    margin-bottom: 1rem;
}

.sign-in-form .custom-file-label {
    height: auto;
    color: #a7a6a5;
    border: 1px solid #e0dfdd;
    padding: .7rem 1rem;
    font-size: 14px;
    background-color: #f5f5f4;
}

.sign-in-form .custom-file-label::after {
    padding: .7rem 1rem;
    background-color: #4AAA48;
    height: auto;
    font-size: 14px;
    color: #fff;
    border-left: 0;
    cursor: pointer;
}

/*.sign-in-form .custom-file-input {
    height: auto;
}*/

.custom-file-input:focus~.custom-file-label {
    -webkit-box-shadow: 0 0 5px #ffae0b;
    box-shadow: 0 0 2px #ffae0b;
    border: 1px solid #ffbc00;
}

.sign-in-footer {
    background-color: #eeede9;
    padding: 5px 15px 15px 15px;
    border-top: 1px solid #e0dfdd;
    border-bottom-right-radius: 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.sign-in-footer span {
    color: #807d76;
}

.sign-in-footer a {
    color: #77ad5f;
}

.common-content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    padding: 40px 15px 40px 15px;
}

.common-content h6 {
    color: #504e4b;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.common-content p {
    color: #838383;
    margin: 0;
}

.common-content p span {
    color: #4AAA48;
}

.b-hidden {
    overflow: hidden;
    position: relative;
}

.b-hidden:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 50;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    background: linear-gradient(to right, #F37B20, #4AAA48);
    padding: 12px 12px;
    font-size: 1.25rem;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    opacity: .8;
    z-index: 1080;
}

.back-to-top .fa-angle-up {
    color: #fff;
}
/* modal css end */

/* contactus css start */
.contact-sec-menu {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*margin-top: -118px;*/
    margin-top: -70px;

    /*    padding-top: 40px;*/
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

.contact-sec-menu .nav-tabs {
    position: relative;
    border-bottom: 0;
}

.contact-sec-menu .nav-tabs:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f4;
    width: 100%;
    height: 5px;
    border: 1px solid #e6e5e4;
    z-index: 1;
}

.contact-sec-menu .nav-tabs .nav-link {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    border: 0;
    margin: 0 25px 0 25px;
    position: relative;
    padding: 25px 0;
}

.contact-sec-menu .nav-link.active:after {
    width: 100%;
}

.contact-sec-menu .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #4AAA48;
    width: 0;
    height: 5px;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.contact-sec-tab {
    background-color: #fff;
    /*margin-top: -49px;*/
    margin-top: 0px;
    /*    padding-top: 40px;*/
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
    padding-top: 35px;
}

.contact-sec-tab .tab-one h6 {
    color: #504e4b;
}

.contact-sec-tab .tab-one p {
    color: #7d7b78;
    margin-bottom: 3rem;
}

.contact-sec-tab .tab-one label {
    color: #7d7b78;
}

.contact-sec-tab .tab-one .form-control {
    border: 1px solid #e0dfdd;
    font-size: 14px;
    padding: 9px 12px;
    color: #504e4b;
}

.contact-sec-tab .tab-one .form-control:focus {
    -webkit-box-shadow: 0 0 5px #4AAA48;
    box-shadow: 0 0 2px #4AAA48;
}

.contact-sec-tab .tab-one .btn {
    background-color: #4AAA48;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 9px 12px;
    width: 450px;
    margin: 0 auto;
    display: block;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}

.contact-sec-tab .tab-one .btn:hover {
    background-color: #F37B20  ;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.contact-sec-menu .tab-one .btn:focus {
    background-color: #F37B20  ;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.contect-detail {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    padding: 40px 15px 24px 15px;
    margin-bottom: 8px;
}

.contect-detail h6 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 16px;
}

.contect-detail p {
    color: #7d7b78;
    margin: 0;
}

.contect-detail h5 {
    color: #7d7b78;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    font-size: 14px;
    margin: 0;
}

.contect-detail h5:last-child {
    margin-bottom: 1rem;
}

.order-list {
    background-color: #fff;
    border-radius: 0;
    border: 0;
    margin-top: 0px;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

.order-list-header {
    background-color: #fff;
    padding: 30px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #e0dfdd;
}

.order-list-header h6 {
    color: #504e4b;
    margin: 0;
}

.pagination {
    display: inline-block;
}

ul.pagination {
    display: flex; 
    align-items: center;
    padding: 5px;
}

.pagination li {
    padding: 2px !important;
    margin: 0 !important;
    /*border: 1px solid #4CAF50;*/
} 

.pagination a {
    color: black;
    float: left;
    padding: 7px 13px;
    text-decoration: none;
}

.pagination li.active>a {
    background-color: #4CAF50 !important;
    color: white !important;
    border-color: #519054 !important;
    /*border-radius: 2px;*/
}

.pagination li:hover:not(.active)>a {background-color: #ddd !important;}
.order-list .bb {
    border-bottom: 0;
}
/* contactus css end */
/* orderlist css start */
.order-search-header {
    background-color: #f9f9f8;
    position: relative;
}
.order-search-header .form-control:last-child {
    border: 0;
    border-radius: 0;
    cursor: text;
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    -webkit-transition: background 0s ease-out;
    -ms-transition: background 0s ease-out;
    transition: background 0s ease-out;
    background-image: linear-gradient(0deg, #4AAA48 2px, rgba(63, 81, 181, 0) 0), linear-gradient(0deg, rgba(224, 223, 221, 1) 1px, transparent 0);
    box-shadow: none;
}
.order-search-header .form-control:last-child:focus {
    background-size: 100% 100%, 100% 100%;
    -webkit-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
}
.order-search-header .btn {
    padding: .7rem .5rem;
    background-color: #4AAA48;
    box-shadow: 0 0 2px #ccc;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}
.order-search-header .btn:hover {
    background-color: #F37B20  ;
    color: #fff;
}
/* orderlist css end */
/* media query start */
@media (max-width:575px) {
    .footer h6 {
        padding-right: 0;
        margin-bottom: .5rem;
    }
    .recent-orders-header h5 {
        padding-bottom: 16px;
    }
    .header-containt ul li {
        padding-left: 0;
        padding-right: 15px;
    }
    .nav-containt ul {
        margin-top: 20px;
    }
    .sign-in-form button {
        width: 100px;
    }
    .logo-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .recharge-sec ul{
        display: inherit;
    }
    .contact-sec-menu .nav-tabs {
        display: flex;        
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .contact-sec-menu .nav-tabs:after{
        content: none;
    }
    .contact-sec-menu .nav-tabs .nav-link{
        margin: 0;
        padding: 25px;
        white-space: nowrap;
    }
}

@media (max-width:767px) {
    .work-detail ul {
        padding-right: 0;
        display: block;
    }
    .offers-sec p {
        padding-bottom: 16px;
    }
    .sign-in-footer {
        position: inherit;
        bottom: inherit;
    }
    .contact-sec-tab .tab-one .btn {
        width: inherit;
        margin-top: 0;
    }
    #ben_window .nav-tabs .nav-item {
        margin: 3px !important;
    }
    #ben_window .nav-tabs .nav-link.active {
        border-color: #dee2e6 !important;
        border-radius: 0.25rem !important;
    }
    #bankIfscList .ifscCon h4 {
        margin-top:0 !important;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .modal-content {
        max-width: 85%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .modal-content {
        max-width: 90%;
    }
    .contect-detail {
        padding: 40px 15px 40px 15px;
    }
}
.user_btn {
    background: none;
    border: none;
    padding: 0px 12px;
}

.user_btn:focus {
    box-shadow: none !important;
}

.user-detail .div-1 {
    display: inline-block;
}

.user-detail .div-2 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    border-right: 2px solid #e0dfdd;
    padding-right: 30px;
}

.user-detail .dropdown_div {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-right: 30px;
}

.user-detail ul li {
    display: list-item!important;
}

.user-detail ul li>a {
    color: #4AAA48!important;
    font-family: 'Lexend Deca', sans-serif!important;
    background-color: transparent !important;
    padding:2px 15px !important;
}

.user-detail ul li>a:hover {
    box-shadow: none !important;
}

.user-detail h5 {
    color: #7d7b78;
    margin: 0;
    font-size: 18px;
    padding-left: 10px;
}

.user-detail h6 {
    color: #4AAA48;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    font-size: 18px;
    padding-left: 10px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.recent-txn small {
    color: #7d7b78;
}
.recentOrderImg {
    width: 42px;
}
[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 4.2em;
    height: 4.2em;
    line-height: 4.5em;
    text-align: center;
    border-radius: 50%;
    background: #d6d1d6;
    vertical-align: middle;
    margin-right: 1em;
    color: black;
    font-weight: bold;
}

/* 29-08-2018 css */
#submitOrderForm {
    cursor: pointer;
}

.contact-sec-tab .sub-pages-padding {
    padding: 0px 25px 0px 25px;
    text-align: justify;
}

.contact-sec-tab .sub-pages-h5 {
    padding: 0px 25px 0px 25px;
}

.contact-sec-tab .sub-pages-table, .sub-pages-th, .sub-pages-tr, .sub-pages-td {
    border: 1px solid black;
}

.contact-sec-tab .sub-pages-table {
    border-spacing: 3px;
    border-collapse: unset;
    margin: 0px 25px 10px;
}
/* 29-08-2018 css End*/
.opName_css {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    padding: 0px 5px;
}

.user-profile-img {
    width: 42px;
    position: inherit;
    border-radius: 20px;
}

.retailer-wallet {
    background-color: #b1afac;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 1.25rem;

}

.retailer-wallet h2 {
    color: white;
    font-family: 'Lexend Deca', sans-serif;
    padding: 5px 10px;
}

.custom-retailer-status {
    margin-top: 25px;
}

.btn.btn-default.btn-sm.retailer-status {
    margin-left: 5px;
}

.retailers .text-right .btn {
    color: white;
}

.schedual-maintanance {
     padding-top : 5px;
}

@media(min-width: 320px) and (max-width: 767px){
    .custom-retailer-status {
        margin-top: 20px;
        display: grid;
    }
    .btn.btn-default.btn-sm.retailer-status {
        margin-top: 5px;
        font-size: 13px;
        padding: 2px;
    }

    .retailers .text-right {
        text-align: right !important;
        display: grid;
        margin-top: -10px;
    }

}

@media(min-width:600px) and (max-width: 960px){
    .retailers .text-right .btn {
        margin-top: 5px;
    }
}
@media(min-width:600px) and (max-width: 991px){
    .coupon_box {
        min-height: 100px !important;
        font-size: 10px !important;
    }
    .coupon_tilte,.valid_date {
        font-size: 10px !important;
    }
    .coupon_copy, .coupon_code {
        padding: 5px 7px !important;
    }
}

/* offer css*/
.coupon_box {
    background-color: #f6faf4;
    border : 1px solid #ddd;
    width: 100%;
    min-height: 195px;
    /*vertical-align: middle;*/
    border-radius: 3px;
    font-size: 14px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.coupon_tilte {
    /*margin-top:5px;*/
    color: #4AAA48;
}
.coupon_code {
    background-color: #fff;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 50%;
    border: 1px dashed #000;
    padding: 10px 15px;
    font-weight: 400;
}
.coupon_copy {
    margin-bottom: .5rem;
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
    color: white;
    border-radius: 1px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    font-weight: 400;
}
.coupon_copy:hover {
    background-color: #F37B20  ;
    border: 1px solid #F37B20  ;
}
.valid_date {
    color: #fb5600;
}

.commision-hide {
    display: none;
}

.retailer.tab-content {
    margin-top: 10px;
}

.row.commision-search {
    padding: 10px 0;
}

.retailer-order-detail {
    padding: 15px 10px;
    border-top: 1px solid #e0dfdd;
    border-left: 1px solid #e0dfdd;
    border-right: 1px solid #e0dfdd;
}

#commision .nav-tabs-custom .nav-tabs .nav-item .active {
    color: #5ba52e;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.retailer-order-detail h1 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

.retailer-order-detail h2 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

/*.operator .retailer-text {
    margin-left: 25px;
}*/

#distributorCommisionModal .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #5ba52e;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
/*beneficiary*/
#benificary_tab {
    background-color: #f9f9f8;
    border: 1px solid #e0dfdd;
}
.monthlyTxnBox {
    border: 2px solid #ffae0b;
    padding: 0.5rem;
    margin: 0.5rem 0;
    color: #4AAA48;
    font-family: roboto-medium,sans-serif;
}
#BenTabContent {
    height: 100%;
    border: 1px solid transparent;
    border-color: #ffffff #dee2e6 #dee2e6 #dee2e6 ; 
}

#ben_window .nav-tabs .nav-item {
    margin-top: 3px;
    margin-left: 3px;
}
.custom-control-inline {
    margin-top: .25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #4AAA48;
    background-color:#ffffff; 
}
.ben_content_body,.hist_content_body {
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ben_content, .hist_content {
    border-bottom: 1px solid #e0dfdd;
    border-right: 1px solid #e0dfdd;
    padding: 15px 15px;
}
.ben_content:first-child {
    border-top: 1px solid #e0dfdd;
}
.ben_content h2{
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}
.ben_content h3 {
    color: #7d7b78;
    margin: 0;
    font-size: 14px;
}
.ben_content button {
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #ffae0b;
    color: #4AAA48;
    font-size: 20px;
    cursor: pointer;
}
.hist_content h3{
    color: #7d7b78;
    margin: 5px;
    font-size: 14px;
    display: inline-block;
}
.hist_content h3 span{
    color: #504e4b;
}
.hist_content h6{
    color: #4AAA48;
    margin: 5px;
    font-size: 14px;
    display: inline-block;
}
.hist_content h5{
    color: #7d7b78;
    margin: 5px;
    font-size: 14px;
    display: inline-block;
}
.hist_content button {
    border-radius: 2px;
    background-color: #ffffff;
    border: 2px solid #ffae0b;
    color: #4AAA48;
    cursor: pointer;
    margin: 5px;
}
.ben_content_body::-webkit-scrollbar,.hist_content_body::-webkit-scrollbar {
    width: 3px;
}

.ben_content_body::-webkit-scrollbar-thumb, .hist_content_body::-webkit-scrollbar-thumb {
    background: #4AAA48;
}
.custom_refunded {
    background-color: #B2B6B6;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

.custom_success {
    background-color: #4AAA48;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.custom_failed {
    background-color: #ed2e3c;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.custom_processing {
    background-color: #FF9831;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.add_ben {
    border-radius: 2px;
    background-color: #4AAA48;
    border: 2px solid #4AAA48;
    color: #ffffff;
    float: right;
    cursor: pointer;
    margin: 5px;
}
.hist_content button:hover, .ben_content button:hover {
    border: 2px solid #4AAA48;
    color: #ffae0b;
}
.add_ben:hover{
    border: 2px solid #ffae0b;
    background-color: #ffae0b;
}
/* Beneficiary */
/********** FAQs Pages css start *********/
.contact-sec-tab .faq-page .panel-default {
    margin: 5px 25px;
    border: 1px solid #e6e5e4;
}
.contact-sec-tab .faq-page .sub-pages-h6 {
    padding: 0px 25px 0px 25px;
    color:#d1cece;
}
.faq-page .faq-text-align {
    float: right;
    font-size: 12px;
}
.faq-page .sub-pages-padding {
    padding: 0px 12px 15px!important;
    margin: 0!important;
    text-align: justify!important;
    color: #a7a6a6!important;
}
.faq-page .panel-default > .panel-heading a {
    display: block;
    padding: 12px 12px 5px 12px;
    text-decoration: none;
    color: #4AAA48;
}
.faq-page .panel-default ul {
    padding: 0px 15px 15px;
    list-style: inside;
    /*font-family: roboto-medium;*/
    color: #a7a6a6;
}
.faq-page .sub-pages-h5 {
    padding: 5px 25px 0px 25px;
    color: #f5a900!important;
}
/********** FAQs Pages css End *********/

.modal_footer {
    padding: 0.50rem;
    border: 1px solid #e0dfdd;
    text-align: right;
}
#msg {
    margin: 0.50rem;
    font-family: roboto-medium,sans-serif;
    color: #5d5b58;
    font-size: 18px;
}

/********** FAQs Pages css End *********/

.modal_footer {
    padding: 0.50rem;
    border: 1px solid #e0dfdd;
    text-align: right;
}
#msg {
    margin: 0.50rem;
    font-family: roboto-medium,sans-serif;
    color: #5d5b58;
    font-size: 18px;
}
/******** retailer report pages css start ********/

.recent-orders-details .retailer-wallet .fa-rupee-sign {
    color: white;
}

.custom-retailer-status .change-status {
    margin:10px 20px;
}

.custom-retailer-status .change-status a {
    color: #4AAA48;
}

.recent-orders-details .custom-retailer-status .status-success {
    background-color: #4AAA48;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 6px 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.recent-orders-details .custom-retailer-status .status-failed {
    background-color: #ed2e3c;
    color: #fff;
    font-family: 'Lexend Deca', sans-serif;
    border-radius: 4px;
    padding: 6px 19px;
    font-size: 12px;
    text-transform: uppercase;
}

.retailer-report-sec-tab {
   background-color: #fff;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
    padding-top: 5px;
    margin-top: -49px;
}

.retailer-report-sec-tab #getOrderData {
    padding: 15px;
}

.retailer-report-sec-tab .form-control {
    border: 1px solid #e0dfdd;
    font-size: 14px;
    padding: .7rem 1rem;
    color: #504e4b;
    cursor: pointer;
}

.retailer-report-sec-tab span .fa-calendar-alt, .fa-search {

    color: #a3a2a0;
    position: absolute;
    right: 31px;
    top: 16px;
    cursor: pointer;

}

.retailer-report-sec {
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    padding: 30px 15px 24px 15px;
    margin-bottom: 8px;
}

.retailer-report-sec h1 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

.retailer-report-sec h2 {
    color: #0e0d0d;
    font-family: 'Lexend Deca', sans-serif;
    margin: 0;
    font-size: 18px;
    text-align: center;
}

.retailer-report-sec .info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

.retailer-report-sec .info-box-content {
    text-align: center;
    padding: 15px;
    background: #F5A900;
    color: white;
}

.retailer-report-sec .box.box-warning {
    border-top-color: #f39c12;
}
.retailer-report-sec .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    border-top-color: rgb(210, 214, 222);
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.retailer-report-sec .box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.retailer-report-sec .box-header {
    color: #444;
    /*display: block;*/
    padding: 10px;
    position: relative;
}

.retailer-report-sec .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
    color: black;
}

.retailer-report-sec .operator-detail-div .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow-x: hidden;
    padding: 0;
}

.retailer-report-sec .operator-detail {
    transform: translate(0, 0);
    padding: 0px;
    height: 250px;
    overflow: auto;
}

.retailer-report-sec .operator-detail .row {

    margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 10px 0;
    box-shadow: none;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0;

}

.retailer-report-sec .operator-detail .margin-left {
    margin-left:10px;
}

.retailer-report-sec .user-detail {
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 2px;
}

/******** retailer report pages css End********/


.sel_h {
    font-size: 15px;
}

.sel_c2 {
    float: right;
}

/******** Notification Page css Start *********/
.notification-sec-tab {
    background-color: #fff;
    margin-top: -49px;
    padding-bottom: 30px;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 13px;
    padding-top: 35px;
}

#notificationContent {
    border: 1px solid transparent;
    border-color: #dee2e6 #dee2e6 #dee2e6 #dee2e6 ; 
}

.notification-content-div h3 {
    text-align: center;
    color: #f5a900;
    padding-top: 0;
    font-family: roboto-medium,sans-serif;
}

.notification_content {
    border-bottom: 1px solid #e0dfdd;
    padding: 15px 15px;
    cursor: pointer;
}

.notification_content_body label {
    width: 70px;
    height: 70px;
    border: 2px solid #7d7b78;
    border-radius: 50%;
    margin: 0;
    position: relative;
}

.notification_content_body label img {
    position: relative;
    top: 50%;
    left: 50%;
    /*-webkit-transform: translate(-50%, -50%);*/
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.notification_content_body::-webkit-scrollbar{
    width: 3px;
}
.notification_content_body::-webkit-scrollbar-thumb{
    background: #4AAA48;
}

.notification_content h2 {
    color: #504e4b;
    font-family: 'Lexend Deca', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

.notification_content h3 {
    color: #7d7b78;
    margin: 0;
    font-size: 14px;
}

.notification_content button {
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #ffae0b;
    color: #4AAA48;
    font-size: 20px;
    cursor: pointer;
}

.header-containt .fa-bell {
    font-size: 18px;
    cursor: pointer;
}

.header-containt .badge.badge-notify {

    background: #4AAA48;
    position: relative;
    transform: (-100%,-100%);
    top: -11px;
    border-radius: 50%;
    border: 2px solid #ade710;
    left: -10px;
    color: white;
    animation: sonar 1.5s 1;
}

@keyframes sonar { 
  0% {transform: scale(1);}
  20% {transform: scale(1.4); } 
  50% {transform: scale(.9);} 
  80% {transform: scale(1.2);} 
  100% {transform: scale(1);}
}

.hide {
    display: none;
}

.notificationAllDelete {
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
    text-align: right;
}
.notificationAllDelete  button {
    color: #fff;
    background-color: #4AAA48;
    border-color: #4AAA48;
}

/******** Notification Page End *********/

/******** Offer Page Css ********/
.sub-pages-padding a {
    color: #4AAA48;
}

.contact-sec-tab .coupon-div {
    padding: 0px 35px 0px 35px;
}

.contact-sec-tab .coupon-div .coupon-list {
    padding-bottom: 20px;
    cursor: pointer;
}

.contact-sec-tab .coupon-div img {
    width: 100%;
    height: 195px;
}

.contact-sec-tab .show-more {
    background-color: white;
    float: right !important;
    margin: 10px;
}

.contact-sec-tab .couponDetails-div {
    padding: 0px 35px 0px 35px;
}

.contact-sec-tab .couponDetails-div img{
    width: 100%;
    height: auto;
}

.contact-sec-tab .couponDescription {
    padding: 25px;
    text-align: justify;
}

@media (min-width:320px) and (max-height:480px){
    /********* offerDetails page ********/
    .contact-sec-tab {

        background-color: #fff;
        margin-top: -49px;
        padding-top: 40px;
        -webkit-box-shadow: 0 0 2px #ccc;
        box-shadow: 0 0 2px #ccc;
        margin-bottom: 8px;
        padding-top: 15px;
        font-size: 13px;
    }

    .contact-sec-tab .couponDetails-div {
        padding: 0px 20px 0px 20px;
    }
    .contact-sec-tab .couponDescription {
        font-size: 13px;
    }
    
    .contact-sec-tab .couponDetails-div img{
        width: 100%;
        height: 140px;
    }
}

@media (min-width:640px) and (max-width:1024px){
    /********* offerDetails page ********/
      .contact-sec-tab .coupon-div img {
        width: 100%;
        height: 100px !important;
    } 
}
/******** Offer Page Css End ********/
/*search IFSC*/
#bankIfscList {
    border: 1px solid #e0dfdd;
    margin-bottom: 10px;
    font-family: roboto-medium,sans-serif !important;
}
#bankIfscList_body {
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}
#bankIfscList .ifscCon label, #bankIfscList .ifscCon h4{
    font-family: roboto-medium,sans-serif !important;
    text-transform: uppercase!important;
    margin-bottom: 0.5rem;
    font-size: 15px !important;
    margin-top:0.5rem;
    color: #484545 !important;
}
#bankIfscList_body h5 span {
    color: #212529;
}
#bankIfscList h5 {
    padding-left: 35px;
    font-size: 15px;
    color: #7d7b78;
}
#bankIfscList .ifscCon {
    border-bottom: 1px solid #e0dfdd;
}
#bankIfscList_body::-webkit-scrollbar{
    width: 3px;
}
#bankIfscList_body::-webkit-scrollbar-thumb{
    background: #4AAA48;
}
#bankIfscList_head{
    background-color: #e0dfdd;
    color: #212529;
    border: 1px solid #e0dfdd;
    padding: 5px;
}
.customerPreview td {
    vertical-align: middle;
    font-weight : 700;
    font-size: 20px;
}
.error_class {
    border: 1px solid red !important;
}
/****error page start **/
.error-sec {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -123px;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 8px;
}
.error-sec h2{
    text-align: center;
    color: #f5a900;
    font-weight: 500;
    font-family: roboto-medium,sans-serif;
}
.error-sec h3{
    text-align: center;
    color: #4AAA48;
    font-weight: 500;
    font-family: roboto-light,sans-serif;
}
/****error page end ****/
.contact-sec-tab ol li {
    font-family: roboto-light;
    padding: 3px;
}
/*map*/
.mapUl{
    display: flex;
    flex-wrap: nowrap;
}
.mapUl li{
    padding-right: 10px;
}
#map_wrapper {
    height: 780px;
    width: 100%;
    /*opacity: 0.4;*/
}
#map_canvas {
    width: 100%;
    height: 100%;
}
@media (max-width:575px) {
    #map_wrapper {
    height: 400px!important;
}