/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #1B1B21;
    font-family: 'Kanit', sans-serif;
}

body {
    color: #545051;
    font-weight: 300;
    font-family: 'Kanit', sans-serif;
    background: #F5F5F5;
}

@font-face {
    font-family: RusticLoveTattoo;
    src: url(../fonts/RusticLoveTattoo.otf);
}

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

button:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
}

/* Header bar section start */

.header-noti-area {
    display: flex;
    align-items: center;
    justify-content: end;
}

.hrader-area {
    border-bottom: 1px solid #DCDCDC;
    height: 55px;
    display: flex;
    align-items: center;
    background: #fff;
}

.header-logo a img {
    margin-right: 10px;
}

.header-logo {
    display: flex;
    align-items: center;
}

.header-logo a {
    font-size: 18px;
    color: #2a3747;
    font-weight: 400;
}

.noti-h {
	height: 30px;
	width: 30px;
	display: inline-block;
	background: #2A3747;
	text-align: center;
	color: #fff;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 0px;
}

.header-btn {
    background: #2A3747;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    color: #fff;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 30px;
    font-weight: 500;
}

.header-btn span {
    color: #F9AE3A;
}

.btn-laft {
    margin-right: 25px;
}

.btn-right a {
    margin-right: 25px;
}

.btn-right {
    position: relative;
    padding-left: 25px;
}

.btn-right:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 1px;
    background: #9EA4AB;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-right-btn {
    height: 28px;
    color: #2A3747;
    display: inline-block;
    border: 1px solid#E0E0E0;
    padding: 0 20px;
    font-size: 14px;
    line-height: 28px;
    border-radius: 22px;
}


/* Header bar section  END */



/*main-body-css*/
.main-body {
    display: flex;
}

.site-laft-bar {
    min-width: 280px;
    max-width: 280px;
    padding-top: 25px;
    padding-bottom: 20px;
}

.site-body-main-wrap {
    max-width: 100%;
    width: 100%;
    padding: 25px;
}

/*site-left-bar-css*/

.card {
    border: 0;
    padding-bottom: 30px;
}

.card-header {
    border: 0;
    background: #fff;
    padding: 0;
}

.card-body {
    padding: 0;
}

.card-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 38px;
}

.btn.btn-link a img {
    margin-right: 10px;
}


.btn.btn-link a {
    color: #676767;
    padding-bottom: 0;
    line-height: 26px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.btn.btn-link {
    padding-bottom: 0;
}

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

.card-body ul li a {
    color: #000000;
    line-height: 26px;
    font-size: 14px;
    font-weight: 300;
}

.red-now {
    background: #EB1E24;
    color: #fff;
    padding: 2px 10px;
    border-radius: 25px;
    font-size: 10px;
}

/*worning-are-css*/
.worning-containt {
    display: flex;
    align-items: center;
    height: 75px;
    padding: 0 25px;
    border: 1px solid#F8BAC4;
    background: #FDE4E8;
    margin-bottom: 20px;
}

.worning-containt img {
    margin-right: 15px;
}


.worning-containt a {
    color: #333333;
    font-size: 20px;
    font-weight: 300;
}

/*home-right-area*/
.home-right-bar {
    background: #fff;
    box-shadow: 4px 2px 10px #E6E6E6;
    padding: 0 20px;
    height: 570px;
    padding-top: 30px;
}

.home-right-heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.home-right-heading h4 {
    font-size: 20px;
    color: #000000;
    margin: 0;
    font-weight: 400;
}

.home-right-heading a {
    color: #169D91;
    font-size: 15px;
    margin: 0;
}

.home-right-containt p {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.home-right-containt a {
    color: #808080;
    font-size: 14px;
    font-weight: 300;
}

.home-right-containt a span {
    color: red;
}

.home-right-containt {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.home-right-containt::before {
    position: absolute;
    content: "";
    background-image: url(../img/fire.png);
    height: 20px;
    width: 17px;
    left: 0;
    top: 0;
}

/*site-mid-area*/
.fast-chart {
    padding: 10px 30px;
    background: #fff;
    box-shadow: 0 0 8px #E7E7E7;
    margin-bottom: 20px;
}

.section-title h3 {
    font-size: 20px;
    margin: 0;
}

.section-title {
    margin-bottom: 35px;
}

.chat-o-containt {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.chat-o-containt span {
    display: block;
    margin-bottom: 18px;
    font-size: 18px;
    color: #169D91;
    font-weight: 600;
}

.chat-o-containt a {
    font-size: 16px;
    color: #000;
}

.chat-o-containt::before {
    position: absolute;
    content: "";
    background: #DCDCDC;
    height: 55px;
    width: 2px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.chat-o-containt.for::before {
    display: none;
}

.section-title h3 span {
    font-size: 16px;
    color: #676767;
    font-weight: 300;
}

.chart-next {
    text-align: right;
}

.chart-next a {
    font-size: 16px;
    color: #169D91;
}


.chart-inner-containt a {
    display: block;
    color: #000;
    font-weight: 300;
    margin-bottom: 10px;
}

.chart-inner-containt span {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.chart-inner-containt p {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin: 0;
}

.row.border-b {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.row.border-b::before {
    position: absolute;
    content: "";
    background: #ddd;
    height: 2px;
    width: 95%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.fast-chart.secand {
    padding-bottom: 30px;
}

.chart-next {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.chart-inner-containt a img {
    margin-left: 6px;
}

.chart-hed h4 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
}

.all-carle {
    display: flex;
    justify-content: space-between;
}

.single-carale img {
    margin-bottom: 15px;
}

.single-carcle-containt h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.single-carcle-containt p {
    font-size: 14px;
    margin: 0;
}

.single-carale {
    margin-bottom: 30px;
}

.table .thead-dark th {
    color: #000000;
    background-color: #F1F1F1;
    border-color: #F1F1F1;
}

#pills-tab {
    border-bottom: 1px solid#E7E7E7;
}

.nav-item a {
    color: #000;
    background-color: transparent;
    font-weight: 400;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #EA2026;
    background-color: transparent;
    padding-left: 0;
}

.chart-tab ul li {
    margin-right: 90px;
}

.nav-link.active::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 100%;
    background: #EA2026;
    bottom: 0;
    transition: .3s;
}

.nav-link.active {
    position: relative;
    transition: .3s;
}

.nav-link {
    transition: .3s;
}

.laft-colaps {
    box-shadow: 2px 4px 3px #C5C5C5;
    padding-bottom: 20px;
    background: #fff;
}


.progress-fl {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    padding: 0 20px;
}

.progerss-containt {
    padding: 0 50px;
}

.progerss-containt h3 {
    font-size: 20px;
    margin: 0;
}

.progerss-containt p {
    margin: 0;
}

.progerss-img img {
    max-width: 200px;
}

/*slider-area*/
.slider-active {
    display: flex;
    height: 85px;
    align-items: center;
    padding: 0 25px;
}

.home-slider {
    background: #EB1E24;
    margin-bottom: 20px;
}

.slider-active h3 {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-right: 30px;
}

.text-r {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.text-r::before {
    position: absolute;
    color: ;
    content: "";
    background: #fff;
    height: 40px;
    width: 2px;
    left: ;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.slider-active h4 {
    color: #fff;
    margin-right: ;
    margin-left: 30px;
    margin-bottom: 0;
    font-weight: 400;
}

/*toship-page-css*/


.toship-area {
    width: 1150px;
    background: #fff;
    margin: auto;
}

.toship-input input {
    width: 230px;
    height: 30px;
    border: 1px solid#E5E5E5;
    padding: 0 20px;
    font-size: 14px;
    color: #979797;
    opacity: ;
}

.toship-input {
    position: relative;
    width: 230px;
}

.toship-input a {
    position: absolute;
    right: 15px;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #B1B1B1;
}

.toship-right-input a {
    font-size: 14px;
    color: #000;
}

.toship-right-input a {
    font-size: 12px;
    color: #000;
    margin-right: 25px;
}

.toshop-text {
    display: flex;
}

.toship-right-input {
    display: flex;
    align-items: center;
}

.toshop-text input {
    width: 80px !important;
    font-size: 12px;
    padding: 0;
    margin-right: 20px !important;
    height: 25px !important;
    margin-left: 0 !important;
    border: 1px solid#EFEFEF;
    border-radius: 3px;
}

.toship-right-input input {
    width: 50px;
    height: 25px;
    font-size: 12px;
    text-align: center;
}

.order-head a {
    width: 160px;
    color: #fff;
    background: #F14863;
    height: 35px;
    line-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 3px;
}

.order-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    align-items: center;
}

.order-head h3 {
    font-size: 22px;
    margin: 0;
}

.row.tab-1 {
    margin-bottom: 30px;
}

.order-br {
    margin: 0 !important;
    margin-left: 40px !important;
}




.tab-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    background: #F1F1F1;
    padding: 0 25px;
    margin-top: 20px;
}

.tab-menu-left h4 {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.tab-menu-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tab-menu-right ul li {
    display: inline-block;
    margin-left: 20px;
    margin-right: 0 !important;
}

.tab-menu-right ul li a {
    color: #000;
    font-size: 16px;
}

.order-fins {
    height: 480px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.order-containt {
    text-align: center;
}

.order-containt img {
    margin-bottom: 20px;
}

.order-containt h3 {
    font-size: 24px;
    color: #4D4D4D;
    font-weight: 300;
    margin-bottom: 10px;
}

.order-containt p {
    color: #999999;
    margin: 0;
}

.order-area {
    border-bottom: 1px solid #9C9C9C;
}



/*action-page*/

.teb-inner-teb ul li a::before {
    display: none;
}


.tab-title h3 {
    display: ;
    font-size: 22px;
}

.tab-title {
    padding: 25px 0;
}

.teb-inner-teb ul {
    margin-bottom: 30px;
}

.teb-inner-teb ul li a {
    background: #F1F1F1;
    border: 1px solid #DFDFDF !important;
    border-bottom: 0 !important;
}

.teb-inner-teb ul li a.active {
    color: #EB1E24 !important;
}

.action-main-input {
    width: 355px;
    height: 25px;
    border: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
}

.nice-select {
    height: 22px;
    border: 0;
    line-height: 23px;
    font-size: 14px;
}

.action-main-input input {
    height: 20px;
    border: 0;
    border-left: 1px solid #E1E1E1;
    font-size: 14px;
    padding: 0 20px;
}

.teb-inner-teb {
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D2D2;
}


.action-btn a {
    border: 1px solid #DFDFDF;
    width: 60px;
    height: 25px;
    display: inline-block;
    font-size: 14px;
    table-layout: ;
    text-align: center;
    line-height: 25px;
    margin-right: 15px;
    color: #000;
}

.bac {
    background: #EB1E24;
    color: #fff !important;
    border-color: transparent !important;
}


.tab-menu-right ul {
    margin: 0;
    margin-bottom: 0 !important;
}

.tab-menu-right ul li a {
    border: 0 !important;
}

.order-area.bdn {
    border: 0;
}


.tab-title.title2 {
    padding: 0;
}

.tab-title.title2 h3 {
    font-size: 20px;
    border-bottom: 1px solid#E7E7E7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.teb-inner-teb.mt ul {
    margin-bottom: 15px;
}

.teb-inner-teb.mt ul li {
    margin-right: 10px;
}

.hed-fl {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 25px;
    padding-right: 80px;
}

.toship-area.dalivari-mid {
    margin: 0;
    width: auto;
    padding: 10px 20px;
}

.best-btn-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.best-hed h3 {
    font-size: 20px;
    margin: 0;
    font-weight: 400;
}

.hed-bar h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.hed-bar p {
    margin: 0;
}


.hedbar-btn {
    width: 200px;
    background: #fff;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
}

.hedbar-btn a {
    font-size: 14px;
    color: #000;
}

.hedbar-btn a i {
    margin-left: 10px;
}

.best-btn a {
    font-size: 14px;
    border: 1px solid #D7D7D7;
    color: #000;
    width: 120px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-left: 25px;
}

.best-hed h3 {
    font-size: 18px;
}




.num-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid#ABABAB;
    margin-bottom: 20px;
}


.num-text .nice-select {
    width: 140px;
    height: 30px;
    border: 1px solid#D7D7D7;
    border-radius: 0;
    text-align: center !important;
    line-height: 28px;
    margin-right: 20px;
    float: none;
}

.num-title a {
    font-size: 14px;
    color: #000;
    border: 1px solid#D7D7D7;
    width: 130px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

.num-text {
    display: flex;
    align-items: center;
}

.num-text a {
    color: #000;
    margin-right: 30px;
}

.nice-area {
    display: flex;
}


.nav-pills .nav-link i {
    margin-right: 10px;
}


.cheart-area.pdr {
    padding-right: 80px;
}

.home-right-bar.raght-2 {
    height: 255px;
}

.home-right-bar.raght-2 {
    height: 255px;
}

.right-bar-title h3 {
    font-size: 20px;
}

.right-bar-title p {
    font-size: 16px;
    margin-bottom: 15px;
}

.right-bar-title a {
    color: #F14863;
    font-size: 14px;
    display: block;
    /* text-align: center; */
    width: 100%;
    border: 1px solid #F14863;
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.right-bar-title a img {
    margin-right: 20px;
}

/*catagories-apge-css*/
.catagories-area {
    padding: 20px;
}


.section-title.ct {
    margin-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}


.cata-input-area {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.cata-input-area a {
    font-size: 14px;
    color: #000;
    margin-right: 10px;
    width: 7%;
}

.cata-input {
    position: relative;
    width: 93%;
}

.cata-input input {
    width: 100%;
    height: 30px;
    border: 1px solid#E5E5E5;
}

.cata-input span {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #ddd;
    margin-left: ;
    padding-left: 10px;
}

.mein-cata {
    background: #F1F1F1;
    padding: 20px;
    margin-bottom: 20px;
}


.main-cate-input input {
    height: 25px;
    width: 380px;
    border: 1px solid #CFCFCF;
    padding: 0 40px;
    font-size: 12px;
    line-height: 25px;
    border-radius: 28px;
}

.main-cate-input {
    margin-bottom: 30px;
    position: relative;
}

.main-cate-input a {
    position: absolute;
    left: 18px;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #A5A5A5;
}


.cata-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
    padding-right: 15px;
}

.catagories-list {
    background: #fff;
    padding: 20px;
}

.cata-list ul li a {
    font-size: 15px;
    color: #4D4E4E;
}

.cata-list ul li {
    position: relative;
}

.cata-list ul li:before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.cata-btn h4 {
    font-size: 16px;
}

.cata-btn h4 span {
    color: #808080;
}

.cata-btn a {
    color: #fff;
    background: #EB1E24;
    width: 60px;
    display: block;
    text-align: center;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}

.cata-btn {
    margin-bottom: 30px;
}


.nav-item.ml {
    margin-right: 30px;
}

.single-li-left {
    border: 1px solid#E7E7E7;
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.single-li-left .nice-select {
    width: 125px;
}

.single-li-left span.bd {
    margin-left: 5px;
    padding: 5px;
    border-left: 1px solid#DFDFDF;
    height: 20px;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.li-btn {
    display: flex;
    align-items: center;
}

.li-btn {
    display: flex;
    align-items: center;
}

.laft-btn {
    display: flex;
    align-items: center;
}

.laft-btn a {
    width: 85px;
    height: 30px;
    border: 1px solid#E1E1E1;
    color: #808080;
    line-height: 30px;
    padding: 0 10px;
    margin-right: ;
    margin: 0 10px;
}

.li-btn p {
    margin-right: 10px !important;
    margin: 0;
}

.single-input-right {
    display: flex;
    align-items: center;
}

.single-input-right {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.single-input-right p {
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 15px;
}

.single-input-right input {
    width: 360px;
    border: 1px solid#E7E7E7;
    padding: 0 20px;
    height: 30px;
}

.single-list-order {
    margin-bottom: 20px;
}


.all-btn a {
    color: ;
    border: 1px solid#EBEBEB;
    color: #000000;
    width: 65px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
}

.active-btn {
    background: #EB1E24;
    border-color: transparent !important;
    color: #fff !important;
}

.all-btn {
    margin-bottom: 20px;
}

.theme-btn {
    padding: ;
    padding: 0 10px;
    height: 30px;
    line-height: ;
    line-height: 30px;
    display: inline-block;
    border: 1px solid#E1E1E1;
    color: #000;
    margin-right: 20px;
}

.order-ccontaint-btn {
    display: flex;
    justify-content: end;
    align-items: center;
}

.single-con-lf {
    margin-right: 10px;
}

.single-con-ri {
    background: #E5E5E4;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
}

.single-con-ri a {
    margin-right: 5px;
}

.tol {
    background: #fff;
    color: red;
    height: 25px;
    padding: 0 8px;
    line-height: 25px;
}

.order-counte-title h3 {
    margin-right: 15px !important;
    font-size: 22px;
    margin: 0;
}

.order-counte-title {
    display: flex;
    height: 100%;
    align-items: center;
}

.order-counte-title a {
	color: #169D91;
	border: 1px solid#169D91;
	width: 145px;
	height: 25px;
	border: ;
	border-radius: 30px;
	text-align: ;
	padding: 0 20px;
	font-size: 14px;
	text-align: center;
}

.order-cb {
    border-bottom: 1px solid#DFDFDF;
    padding-bottom: 20px;
}

/*Marketing-Condition-page-css*/
.con-text-title {
    width: 900px;
    margin: auto;
}

.make-con-menu {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.make-left-text a {
    margin-right: 30px;
    color: #676767;
}

.con-text-title h3 {
    font-size: 22px;
}

.bdr {
    border-bottom: 1px solid#C3C3C3;
}

.make-scroll-title {
    padding: 30px 0;
    position: relative;
    overflow-y: scroll;
    height: 480px;
}

.side-bar-btn-sc {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #F57F92;
    padding: 20px 5px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 24px;
}

.side-bar-btn-sc a {
    display: block;
    text-align: center;
    color: #F57F92;
    background: #fff;
    margin-bottom: 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
}

.make-scroll-title h3 {
    text-align: center;
    margin-bottom: 30px;
}

.make-scroll-title p {
    font-size: ;
    padding-right: 100px;
}


.toship-area {
    box-shadow: 0 0 10px #0000002b;
}


.maket-btn {
    width: 900px;
    margin: auto;
}

.maket-btn a {
    width: 60px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    color: ;
    background: #fff;
    margin-top: 30px;
    margin-right: 25px;
    color: #000;
}

.m-btn.m2 {
    background: #EB1E24;
    color: #fff;
}




/*marketing-center*/


.bag-left h4 {
    font-size: 16px;
    margin: 0;
}

.bag-left p {
    font-size: 14px;
    margin: 0;
}


.bag-left {
    display: flex;
    align-items: center;
    background: #F1F1F1;
    height: 80px;
    padding-left: 10px;
}

.bag-left img {
    max-width: 40px;
    margin-right: 10px;
}


.bag-right-text h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.bag-card {
    background: #e9c38f;
    background: -moz-linear-gradient(left, #e9c38f 0%, #f8e1ac 50%, #f8e1ac 51%, #e0b17e 100%);
    background: -webkit-linear-gradient(left, #e9c38f 0%, #f8e1ac 50%, #f8e1ac 51%, #e0b17e 100%);
    background: linear-gradient(to right, #e9c38f 0%, #f8e1ac 50%, #f8e1ac 51%, #e0b17e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9c38f', endColorstr='#e0b17e', GradientType=1);
    height: 94px;
    position: relative;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.bag-card span {
    font-size: 12px;
    color: #000;
}

.bye-get a {
    font-size: 18px;
    color: #fff;
}

.bye-get {
    position: absolute;
    background: #EB1E24;
    left: 0;
    width: 200px;
    padding-left: 10px;
    height: 44px;
    line-height: 44px;
    border-top-right-radius: 58px;
    border-bottom-right-radius: 58px;
}

.bag-right-text p {
    font-size: 14px;
    margin: 0;
}

.bag-right-text h4 span {
    color: #EB1E24;
}

.bag-fl {
    padding-top: 29px;
}

.bag-right-text {
    margin-bottom: 30px;
}


.bol-text {
    display: flex;
    align-items: center;
    height: 100px;
    background: #F1F1F1;
    padding: 0 10px;
    margin-bottom: 30px;
}

.bol-in-text h4 {
    font-size: 16px;
    margin: 0;
}

.bol-in-text p {
    font-size: 15px;
    margin: 0;
}

.bol-text img {
    margin-left: ;
    margin-right: 10px;
}


.cradit-up {
    width: 340px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #E8E8E8;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-right: 20px;
}

.upp a {
    color: #808080;
}

.upp p {
    margin: 0;
}

.section-title.mar {
    margin-bottom: 20px;
}


.toship-area.padd {
    padding-top: 20px;
}


.creadit-card-fl {
    display: flex;
}

.cradit-up.cradit-2 {
    display: block;
    padding-top: 45px;
    padding-left: 25px;
    position: relative;
    border: 1px solid #F6F6F6;
}

.cad-in {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
}

.cad-in img {
    margin-right: 15px;
    border: 10px solid #fff;
    border-radius: 5px;
}

.cradit-up.cradit-2:before {
    position: absolute;
    content: "";
    background: #979797;
    height: 75px;
    width: 100%;
    left: 0;
    top: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    z-index: 1;
}

.cad-in-text h4 {
    font-size: 20px;
    margin: 0;
    color: #fff;
    margin-bottom: 10px;
}

.cad-in-text a {
    color: #169D91;
}

.cad-in-text a img {
    margin-right: 10px;
    border: 0;
}


.cod-bo {
    display: flex;
}

.cod-bo h4 {
    font-size: 16px;
    margin-right: 30px;
    margin-bottom: 0;
}

.cod-bo a {
    color: #F14863;
    background: #FDE4E8;
    font-size: 14px;
    padding: 2px 10px;
}

.cradit-up.cradit-2 span {
    font-size: 16px;
    color: #808080;
    margin-bottom: 13px;
    display: block;
}

.toship-area.padd.e {
    width: 100%;
    margin-bottom: 30px;
}


.in-hed h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.in-hed h4 img {
    margin-left: 10px;
}

.incom-in span {
    margin-bottom: 10px;
    display: block;
}

.income-area {
    position: relative;
    width: 25%;
    padding-right: 30px;
    margin-right: 30px;
}

.income-area.bd::before {
    position: absolute;
    content: "";
    background: #C1C1C1;
    height: 85px;
    width: 1px;
    top: 0;
    right: 0;
}

.income-din {
    display: flex;
    margin-bottom: 30px;
}

.in-fl {
    display: flex;
    justify-content: space-between;
}

.income-area.in2 {
    width: 70%;
    padding-right: 70px;
}

.balence-fl {
    background: #F5F5F5;
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 20px;
}

.balence-left {
    display: flex;
    align-items: center;
}

.balence-left p {
    color: #000;
    margin: 0;
    margin-right: 10px;
}

.balence-left span {
    color: #000;
    margin: 0;
    font-size: 15px;
}

.balence-right a {
    color: #169D91;
}

.in-box-fl {
    height: 200px;
    display: flex;
    border: 1px solid #F5F5F5;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.in-box img {
    display: block;
    margin-bottom: 20px !important;
    margin: auto;
}

.in-box {
    text-align: center;
}

.in-box a {
    color: #B2B1B2;
}



.upload-text-up {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DFDEDE;
    margin-bottom: 15px;
}

.upload-text-up a {
    color: #333333;
    font-size: 15px;
}

.home-right-bar.hil {
    height: auto;
    padding-bottom: 66px;
}






.bl-top {
    display: flex;
    margin-bottom: 20px;
}

.bl-top h4 {
    font-size: 20px;
    margin-right: 20px;
    margin: ;
    margin-bottom: 0;
}

.bl-bot {
    display: flex;
    align-items: center;
}

.bl-bot h4 {
    font-size: 20px;
    margin: 0;
    margin-right: 20px;
}

.active-btn.btn2 {
    padding: 0 5px;
}

.sellerb-area {
    margin-bottom: 30px;
    display: flex;
    border: 1px solid #F8F8F8;
    padding: 20px;
}

.sell-left {
    width: 50%;
}

.sell-right {
    width: 50%;
    position: relative;
    padding-left: 20px;
}

.sell-right::before {
    position: absolute;
    content: "";
    height: 85px;
    width: 2px;
    background: #B7B7B7;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sell-l {
    display: flex;
    align-items: center;
    width: 50%;
}

.sell-l img {
    margin-right: 20px;
}

.sell-text h4 {
    font-size: 18px;
    margin: 0;
}

.sell-b-right {
    display: flex;
}

.sel-bb {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.bb-l a {
    font-size: 14px;
    color: #F14863;
    background: #FDE4E8;
    padding: 2px 7px;
    margin-right: 9px;
}

.bb-r a {
    color: #333333;
}


.cal-l h3 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 5px;
}

.cl-input {
    width: 270px;
    position: relative;
}

.cl-input input {
    width: 100%;
    height: 30px;
    border: 1px solid#DADADA;
    padding: 0 33px;
    font-size: 14px;
    color: #4D4E4E;
}

.cl-input a {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #4D4E4E;
}

.cal-l {}

.calender-area {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cal-r a {
    color: #4D4E4E;
    border: 1px solid#DADADA;
    padding: 2px 10px;
}


.teb-inner-teb ul li a.fb {
    font-size: 11px;
}



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

.secend-menu ul li {
    display: inline-block;
    margin-right: 50px;
}

.secend-menu-area {
    background: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 5px 10px #0000002b;
}

.secend-menu ul li a {
    color: #000000;
    font-size: 15px;
}

.secend-menu-r a {
    color: #EB1E24;
    font-size: 15px;
    text-align: ;
}

.secend-menu-r {
    text-align: right;
}



.bod::before {
    position: absolute;
    height: 20px;
    width: 2px;
    left: -30px;
    background: #BABABA;
    content: "";
    top: 50%;
    transform: translateY(-50%);
}

.bod {
    position: relative;
}




.activeee {
    position: relative;
}

.activeee:before {
    position: absolute;
    content: "";
    background: #EB1E24;
    width: 100%;
    height: 2px;
    top: ;
    bottom: -14px;
}

.Data-duration {
    display: flex;
    align-items: center;
    background: #fff;
    height: 60px;
    padding: 0 20px;
    box-shadow: 0 0 10px #0000002b;
}

.sb-mid {
    display: flex;
    align-items: center;
}

.sb-left h4 {
    margin: 0;
    font-size: 18px;
    margin-left: ;
    margin-right: 60px;
}

.sb-mid input {
    margin-right: ;
}

.cl-input.sb {
    margin-right: 50px;
}

.sb-right {
    margin-left: 200px;
}

.sb-right a {
    color: #000;
    font-size: 14px;
    border: 1px solid;
    padding: 2px 10px;
}

.sb-right a i {
    margin-right: 8px;
}

.toship-area.sae-2 {
    width: 100%;
    padding: 0 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.Data-duration-area {
    margin-bottom: 20px;
}

.section-title.se h3 {
    margin-bottom: 0;
}



.ind-fl {
    display: flex;
    justify-content: space-between;
}


.induc-card a {
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
}

.induc-card {
    border: 1px solid #F2F2F2;
    padding: 2px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 184px;
}

.induc-card.acc {
    position: relative;
}

.induc-card span {
    display: block;
    color: #000;
    margin-bottom: 15px;
}

.ind-b {
    display: flex;
    justify-content: space-between;
}

.ind-b p {
    font-size: 11px;
    margin: 0;
}

.ind-b span {
    font-size: 11px;
}

.induc-card.acc::before {
    position: absolute;
    content: "";
    background: #149D90;
    height: 4px;
    width: 100%;
    left: 0;
    top: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}




.Main-indicators {
    margin-bottom: 20px;
}


.prod-l {
    box-shadow: 0 0 10px #0000002b;
    background: #fff;
    padding: 20px;
}


.what-area {
    display: flex;
}

.single-what {
    margin-right: 60px;
    display: flex;
    justify-content: space-between;

}

.single-what a {
    color: #000;
    transition: .3s;
    margin-right: 10px;
}

.single-what a:hover {
    color: red;
}

.num-text.what {
    display: block;
    margin: 0 !important;
}

.num-text.what .nice-select {
    margin: 0 !important;
}

.single-what {
    margin-right: 54px;
    display: flex;
    justify-content: space-between;
}

.tab-menu-right.mr ul li {
    margin-left: 0;
    margin-right: 20px !important;
}

.in-box-fl.wh {
    height: 350px;
    border: 0;
}

.pr-w {
    margin-bottom: 25px;
}

.pr-w a {
    color: red;
    margin-right: 10px;
}

.toship-area.date-p {
    width: auto;
    padding: 20px;
}



.toship-area.date-p {
    width: auto;
    padding: 20px;
}

.data-top-fl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid#E4E4E4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.data-top-fl a {
    margin-right: 20px;
}

.date-top-text h3 {
    font-size: 20px;
    margin-bottom: 4px;
}

.date-top-text p {
    font-size: 14px;
    margin: 0;
}

.Excellent-area {
    background: #81edf4;
    background: -moz-linear-gradient(top, #81edf4 0%, #81edf4 0%, #207cca 100%, #11bcfe 100%);
    background: -webkit-linear-gradient(top, #81edf4 0%, #81edf4 0%, #207cca 100%, #11bcfe 100%);
    background: linear-gradient(to bottom, #81edf4 0%, #81edf4 0%, #207cca 100%, #11bcfe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81edf4', endColorstr='#11bcfe', GradientType=0);
    padding: 20px;
    margin-bottom: 20px;
}



.ex-left-text h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
}

.ex-left-text p {
    font-size: 16px;
    margin-bottom: 60px;
    color: #fff;
}

.ex-left-text a {
    color: #fff;
    display: flex;
    align-items: center;
}

.ex-left-text a img {
    margin: 0 10px;
}

.ex-ri {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
    padding-right: 40px;
}

.chart-img img {
    width: 100%;
}


.chart-img {
    margin-bottom: 30px;
}

.cr-fl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.cr-fl h3 {
    font-size: 20px;
    margin: 0;
}

.cr-fl a {
    color: #000;
    text-decoration: underline;
}

.rule-l h3 {
    display: ;
    font-size: 19px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.rule-l h3 img {
    margin-left: 10px;
}

.rul-list ul {
    margin: 0;
    padding: ;
    padding-left: 18px;
}

.rul-list ul li {
    color: #000;
    font-size: 14px;
}

.rul-list.ps {
    padding-top: 39px;
}


.mrr {
    margin-bottom: 40px;
}




.rol-b h3 {
    font-size: 19px;
}

.rub-fl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.las a {
    color: #000;
}

.las a span {
    color: red;
}


.fl-ti {
    display: flex;
    justify-content: space-between;
}

.ti-fl a {
    color: #000;
}

.ti-fl a span {
    color: red;
    font-size: 20px;
}


.section-title.be {
    margin: 0;
}

.row.br {
    border-bottom: 1px solid#C6C6C6;
    margin-bottom: 30px;
}


.ra-main-in {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: end;
}

.ra-main-in label {
    margin-right: 20px;
    text-align: right;
    width: 120px;
    margin-bottom: 0;
}

.ra-main-in input {
    width: 249px;
    height: 25px;
    border: 1px solid #ECECEC;
    padding: 0 20px;
    font-size: 13px;
    color: #979797;
}

.all-btn.pl {
    padding-left: 141px;
}

.toship-tab.pdh {
    padding: 0 20px;
}



.button-hov a {
    color: #000;
    font-size: 16px;
    width: 70px;
    border: 1px solid#E8E8E8;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    transition: .3s;
}

.button-hov a:hover {
    border-color: #EA2026;
    color: #EA2026;
}

.button-hov {
    margin-bottom: 20px;
    display: flex;
}


.in-box-fl.hig {
    height: 300px;
    border: 0;
    margin: 0;
}





.profile-img {
    position: relative;
}

.profile-cam {
    position: absolute;
    top: 10px;
    right: 15px;
}

.profile-img img {
    width: 100%;
}

.profile-cam a {
    color: #fff;
    background: #B4BCC1;
    padding: 2px 10px;
    border-radius: 11px;
}

.profile-cam a img {
    width: auto;
    margin-right: 10px;
}


.profile-text {
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin-top: -49px;
    position: relative;
    margin-bottom: 30px;
}

.profile-text-up h3 {
    font-size: 20px;
    margin: 0;
}



.profile-text-up h3 {
    font-size: 20px;
    font-size: ;
    color: #fff;
}

.profile-text-up span {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.profile-text-up p {
    font-size: 16px;
    margin: 0;
}

.profile-text-up {
    margin-left: 20px;
}






.profile-area {
    border: 1px solid #F4F4F4;
}

.he-r {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    border-top: 1px solid #F7F7F7;
    border-bottom: 1px solid #F7F7F7;
}

.he-r a {
    color: #191919;
    font-size: 14px;
}


.red {
    color: red !important;
}


.he-r.prl {
    position: relative;
}

.he-r.prl img {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}



.Shop-name h3 {
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-right: ;
}

.Shop-name h3 img {
    margin-right: 10px;
}

.Shop-name input {
    width: 100%;
    border: 1px solid #C2C2C2;
    padding: 0 20px;
    font-size: 14px;
    color: #979797;
    opacity: 1;
    height: 30px;
}

.Shop-name {
    margin-bottom: 20px;
}


.Shop-name.d-flex {
    justify-content: space-between;
}

.name-2 h3 {
    margin: 0;
}

.name-2 p {
    font-size: ;
    padding-left: 30px;
    font-size: 14px;
}

.name-3 h3 {
    font-size: 18px;
}

.name-3 {
    display: flex;
    align-items: end;
}



.shop-you {
    background: #F1F1F1;
    height: 150px;
    width: 325px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.you-l {
    text-align: center;
    width: 50%;
}

.you-l p {
    font-size: 14px;
    margin: 0;
    line-height: 16px;
}

.you-l a {
    margin-bottom: 10px;
    display: block;
}

.you-l.bro {
    position: relative;
}

.you-l.bro:before {
    position: absolute;
    content: "";
    background: #DCDBDB;
    height: 100px;
    width: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}


.yyo-btn {
    text-align: center;
}

.yyo-btn a {
    background: #EB1E24;
    width: 65px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
}

.video-sheap {
    text-align: center;
    margin-bottom: 30px;
}


.deco-text {
    text-align: center;
    margin-bottom: 60px;
}

.deco-text h3 {
    font-size: 20px;
    color: #EB1E24;
}

.deco-text p {
    color: #000000;
    margin-bottom: 0;
}

.dec-btn.text-center {
    margin-bottom: 50px;
}

.section-title.be p span {
    color: #0872B8;
    margin-left: 10px;
}

.in-box-fl.hi {
    height: 265px;
}


.tab-menu-right.lef ul li {
    margin-left: 0;
    margin-right: 60px !important;
}

.tab-menu.mrdd {
    margin-top: 0;
}

.nav-link {
    padding-left: 0;
    margin-right: 20px;
}

.nav-link.active {
    position: relative;
    transition: .3s;
    margin-right: 20px;
}

.toship-area.bf.padd.e .nav-link {
    padding-left: 1rem;
    margin-right: 0px;
}

.in-fl {}

.in-l {
    position: relative;
}

.in-l a {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    padding: ;
}

.in-l input {
    padding: 0 20px;
    height: 30px;
    width: 230px;
    border: 1px solid #D8D8D8;
    font-size: 14px;
}

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


.in-l.in-r input {
    width: 165px;
    text-align: right;
}

.in-l.in-r a {
    left: 15px;
}


.top-bt {
    text-align: right;
    margin-bottom: 40px;
}

.top-bt a {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
}



.new-arr {
    display: flex;
    justify-content: space-between;
    border: 1px solid #F0F0F0;
    height: 25px;
    font-size: 14px;
    padding: 0 20px;
    width: 230px;
    line-height: 25px;
}

.new-arr p {
    margin: 0;
}

.new-arr span {
    color: #979797;
}


.jo {
    display: flex;
}

.jo a {
    position: relative;
    padding: 0 10px;
    margin-left: 10px;
}

.jo a:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background: #C8C8C8;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}


/*-----------------------------------input switch style--------------------------------*/
.switch_common > li {
    margin-right: 30px;
    vertical-align: middle;
}

.switch_common > li:last-child {
    margin-right: 0px;
}

.switch_common .switch {
    visibility: hidden;
    margin-left: -9999px;
    position: absolute;
}

.switch_common label {
    margin-bottom: 0;
}

.switch_common .switch + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    border-radius: 80px;
    border: 1px solid #ddd;
    user-select: none;
}

.switch_common .switch + label:before {
    right: 0px;
    background: #F1F1F1;
    border-radius: 75px;
}

.switch_common .switch + label:after {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.switch_common .switch + label:before,
.switch_common .switch + label:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.switch_common .switch:checked + label::before {
    background-color: #76E34B;
}

.switch_common .switch:checked + label {
    border-color: #76E34B;
}

/*-------------small switch--------------*/
.sm_switch .switch + label {
    height: 20px;
    width: 40px;
}

.sm_switch .switch + label:after {
    width: 18px;
    height: 18px;
}

.sm_switch .switch:checked + label:after {
    margin-left: 20px;
}

.toogle-b ul {
    padding: 0;
    list-style: none;
}




.arr {
    width: 60px;
    height: 20px;
    border: 1px solid #B2B2B2;
    text-align: center;
    line-height: 20px;
    border-radius: 32px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.arr a {
    color: #B2B2B2;
    font-size: 14px;
}

.arr:before {
    position: absolute;
    content: "";
    background: ;
    background: #B2B2B2;
    height: 20px;
    width: 1px;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: ;
    left: 50%;
    transform: ;
}

.table td,
.table th {
    vertical-align: middle;
}


.all-btn.rl {
    text-align: right;
}


.w-900 {
    width: ;
    max-width: 900px;
    margin: auto;
}

.sop-area {
    padding-left: 90px;
    padding-right: 70px;
}



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



.cdd-area {
    display: flex;
    justify-content: space-between;
    border: 1px solid #F2F2F2;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    align-items: center;
    position: relative;
    padding-right: 40px;
    margin-bottom: 15px;
}

.cdd-area a {
    color: #4D4E4E;
    font-size: 15px;
}

.cdd-area:before {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.toship-area.date-p {
    width: auto;
    padding: 20px;
    margin-bottom: 30px;
}


.toship-area.date-p.fl.w-900 {
    display: flex;
    justify-content: space-between;
    padding-left: 110px;
    padding-right: 71px;
    align-items: center;
    position: relative;
}

.toship-area.date-p.fl.w-900 .all-btn {
    margin-bottom: 0;
}

.section-title.be p {
    font-size: 14px;
}


.cal {
    position: absolute;
    left: 68px;
    top: 20px;
}


.ti-fl {
    display: flex;
    align-items: center;
}

.add-btn {
    display: flex;
    align-items: center;
}

.add-btn a {
    height: 35px;
    line-height: 35px;
}

.pad-50 {
    padding: ;
    padding-left: 50px !important;
    padding-right: 50px !important;
}



.adderss-area {
    display: flex;
    border-bottom: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}

.addres-r {
    margin-right: 40px;
    padding-left: 50px;
    position: relative;
}

.addres-r::before {
    position: absolute;
    content: "\f3c5";
    font-family: "Font Awesome 5 Pro";
    left: 0;
    color: #CBCACA;
    font-size: 20px;
}

.addres-r ul li {
    color: #808080;
}

.address-mid ul li {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 15px;
}

.sl a {
    color: #169D91;
    margin: 0 30px;
    background: #D0EBE9;
    padding: 0px 10px;
}

.sl {
    margin-left: 30px;
}

.color-2 {
    color: #F59120 !important;
    background: #FEEDD6 !important;
}


.adderss-area.bn {
    border: 0;
    margin: 0;
}

.color-3 {
    color: #F3637A !important;
    background: #FCDAE0 !important;
}

.adderss-area::before {
    position: absolute;
    content: "";
    background: #C6C6C6;
    width: ;
    height: 2px;
    width: 91%;
    bottom: 0;
    right: -20px;
}


.adderss-area.bn.pad-50::before {
    position: unset;
    display: none;
}


.pd-40 {
    padding: 0 40px;
}
.theme-btn.mns.active-btn {
	margin: 0;
}





.sating-text h3 {
  font-size: 18px;
  margin: 0;
}
.sating-text p {
  font-size: 14px;
  margin: 0;
}
.seting-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: auto;
	position: relative;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}



.set .nav-item a {
	font-size: 14px;
}


.pd-60{
    padding: 0 60px;
}

.seting-area::before {
	position: absolute;
	content: "";
	background: #C6C6C6;
	height: 2px;
	width: 93%;
	bottom: 0;
	right: 0;
}

.set-icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.seting-area.lsat-bd::before {
	display: none;
}



.sating-link p {
  font-size: 14px;
  margin: 0;
}
.sating-link a {
  font-size: 14px;
}
.sating-link {
  font-size: ;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F5F5F5;
  height: 30px;
  line-height: ;
  margin-left: 60px;
  padding-left: 20px;
  padding-right: 20px;
}



/* The container */
.container-ck {
	display: block;
	position: relative;
	padding-left: 24px;
	margin-bottom: 0;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 20px;
}

/* Hide the browser's default radio button */
.container-ck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border-radius: 50%;
	border: 1px solid #EDEDED;
}

/* On mouse-over, add a grey background color */
.container-ck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-ck input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-ck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.set-rad {
  display: flex;
  align-items: center;
}
.container-ck input:checked ~ .checkmark {
	background-color: #F9AE3A;
}

.set #pills-tab {
	border-bottom: 1px solid#E7E7E7;
	display: flex;
	justify-content: space-between;
}

.pade .nav-link {
	padding-left: 15px;
	margin-right: 0;
}

.toship-area.bd.date-p {
	padding-left: 0;
	padding-right: 0;
}

.prefomence-hed {
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 2px solid#DEDEDE;
	display: flex;
	align-items: center;
	padding-bottom: 25px;
	padding-top: 5px;
	margin-bottom: 25px;
}

.prefomence-hed img {
	margin-right: 10px;
}
.prefomence-hed h3 {
	font-size: 20px;
	margin: 0;
}



.like-area {
	padding: 0 20px;
	position: relative;
	margin-bottom: 30px;
}
.like-area::before {
	position: absolute;
	content: "";
	background: #989898;
	height: 238px;
	width: 1px;
	left: 0;
	top: 0;
}
.like-area h3 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
}
.like-area h3 span {
  display: block;
}
.like-area a {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}
.like-list ul li {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
}
.like-list ul li::before {
	position: absolute;
	content: "";
	height: 12px;
	background-image: url(../img/parfomenc-icon/like-sm.png);
	width: 12px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}


.red.bef::before {
	position: absolute;
	content: "";
	background-image: url(../img/parfomenc-icon/wor-sm.png);
	height: 13px;
	width: 14px;
	top: 11px;
	left: 0;
}

.like-area.pos::before {
	display: none;
}




.table .thead-light th {
	height: 40px;
}

.per-table {
	border: 1px solid#DCDCDC;
	margin: 0 20px;
	margin-bottom: 30px;
}


.table {
	margin: 0;
}

.table td span img {
	margin-left: 10px;
}

.per-hedt {
  padding: 0 20px;
}
.per-hedt h3 {
  font-size: 20px;
  display: flex;
  align-items: center;
  margin: ;
}
.per-hedt h3 img {
  margin-right: 10px;
}
.rebg {
	background: #FCDAE0;
}


.drop-down {
	position: absolute;
	z-index: 9;
	width: 200px;
	background: #fff;
	box-shadow: 0 0 10px #0000002b;
	top: 150%;
	opacity: 1;
	visibility: visible;
    transition: .3s;
}
.drop-down ul li {
	padding: 10px 20px;
	border-bottom: 1px solid#DEDEDE;
	transition: .3s;
}
.drop-down ul li a {
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	transition: .3s;
}


.noti-he:hover .drop-down {
	opacity: 1;
	visibility: visible;
}


.noti-he {
	margin-right: 10px;
	position: relative;
}
.btn-laft {
	display: flex;
	align-items: center;
}

.btn-right {
  display: flex;
}
.dr2 {
  position: relative;
}




.drop-down ul li:hover {
  background: #F9AE3A;
}
.drop-down ul li:hover a {
  color: #fff;
}

.offcan-btn {
	display: none;
}

.teb-inner-teb.cc ul li a.nav-link {
	position: relative;
	transition: .3s;
	margin-right: 20px;
	padding-left: 15px;
}

.off-canvas-menu {
	display: none;
}
.header-off-btn.menu-trigger.right {
	display: none;
}
.dropdown-toggle::after {
	display: none;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: transparent;
}
.drop-down.dropdown-menu.show {
	top: 47% !important;
	padding: 0;
	margin: 0;
}



/*settingNew-page*/



.section-title.ct.llt {
  border: 0;
}
.section-title.ct.llt h3 {
  margin: 0;
}


.set-form form {
	width: 891px;
}






.single-inn-box {
  display: flex;
  margin-bottom: 30px;
}
.single-inn-box-left {
  width: 155px;
  text-align: right;
  margin-right: 15px;
}
.single-inn-box-right {
  width: 100%;
  position: relative;
}
.single-inn-box-right input {
  width: 100%;
  height: 35px;
  padding: 0 20px;
  border: 1px solid #D5D5D5;
  font-size: 14px;
  padding-right: 92px;
}
.single-inn-box-right a {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: ;
  color: #676767;
}
.single-inn-box-right a:before {
  position: absolute;
  content: "";
  background: #D7D7D7;
  width: 1px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  left: -24px;
}
.single-inn-box {
}
.single-inn-box-right.iie a {
  position: unset;
}
.single-inn-box-right.iie textarea {
  height: 150px;
  width: 100%;
  border: 1px solid #E4E4E4;
  margin-bottom: 20px;
}
.single-inn-box-right.iie a {
  text-align: right;
  display: block;
}
.single-inn-box-right.iie a:before {
  position: unset;
}

.single-inn-box.bb {
	margin-bottom: 10px;
}


.single-inn-box.bb {
  margin-bottom: 10px;
}
.single-inn-box-right p {
  margin: 0;
}
.single-inn-box-left label {
  margin-bottom: 0;
}

.single-inn-box-right.iie select {
  width: 100%;
  height: 35px;
  border: 1px solid #D5D5D5;
  padding: 0 20px;
  font-size: 14px;
  color: #676767;
}

.single-inn-box-right.iie .nice-select {
	border: 1px solid#D5D5D5;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
}
.single-inn-box-right.drag h3 {
	font-size: 14px;
	margin: 0;
	text-align: center;
	position: ;
	height: 35px;
	width: 100%;
	color: #51B6AD;
	border: 1px dashed #51B6AD;
	border-radius: 3px;
	line-height: 35px;
}
.single-inn-box-right.drag h3 img {
	margin-right: 10px;
}

.single-inn-box-right.drag.mmr h3 {
  margin-bottom: 10px;
}
.single-inn-box-right.drag.mmr p {
  font-size: 14px;
}


.jkk {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.plus-box {
  width: 100px;
  margin-right: 24px;
  margin-bottom: 19px;
  text-align: center;
}
.plus-box a {
  width: 100px;
  height: 100px;
  color: #0B9487;
  border: 1px solid #0B9487;
  display: block;
  text-align: center;
  line-height: 100px;
}

.ssiin-fl {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ssiin-fl .single-inn-box-right {
  width: 241px;
}




.bb-top {
  background: #F5F5F5;
  padding: 10px 15px;
  border-radius: 5px;
}
.llb-p {
  width: 100%;
}
.bb-top p {
  margin: 0;
  font-size: 14px;
}
.bb-top p span {
  font-weight: 600;
  color: #000;
}
.gg {
  color: #169D91 !important;
  font-weight: 300 !important;
}


.bb-bot {
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  padding: 10px 15px;
}
.bb-bot {
}
.bbot-fl {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.bbot-single {
  display: flex;
  align-items: center;
  width: 70%;
}
.bbot-don {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
}
.bbot-single p {
  margin: 0;
  color: #676767;
  font-size: 14px;
  margin-right: 30px;
}
.bbot-single a {
  background: #FCDAE0;
  color: #F14863;
  color: ;
  padding: 0 13px;
  font-size: 14px;
  height: 30px;
  line-height: 29px;
  border: 1px solid #FAC7D0;
}
.bbot-don a {
  color: #169D91;
  font-size: 14px;
  font-weight: 500;
}


.llb-p p {
	font-size: 14px;
	margin-top: ;
}

.balc p {
	margin: 0;
	margin-top: 10px;
}

.single-inn-box.mmnn {
	margin: 0;
}
.pplllm {
	margin-bottom: 10px;
}

.single-inn-box-left.jj label {
	margin-top: 26px;
}






/* The container */
.container-zz {
	display: block;
	position: relative;
	padding-left: 23px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0;
	margin-right: 30px;
}

/* Hide the browser's default radio button */
.container-zz input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 50%;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #eee;
	border-radius: 50%;
	transform: translateY(-50%);
}

/* On mouse-over, add a grey background color */
.container-zz:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-zz input:checked ~ .checkmark {
	background-color: #EB1E24;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-zz input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-zz .checkmark::after {
	top: 3px;
	left: 3px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

.tabb-flh {
	width: 100%;
	display: flex;
	align-items: center;
}




.alllbtn {
  width: 930px;
  margin: auto;
  text-align: right;
}
.alllbtn a {
  width: 155px;
  height: 30px;
  background: #fff;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: #676767;
  border: 1px solid#EAEAEA;
}
.aactive {
  background: #EB1E24 !important;
  color: #fff !important;
  border-color: transparent !important;
}