p {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.form-group {
    margin-bottom: 1rem;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mt-30 {
    margin-top: 30px
}

.d-flex.princing {
    display: flex;
    justify-content: center;
}

.price-list {
    background-image: url(../Images/bg-pricing.svg);
    background-size: cover;
    width: 324px;
    margin: 15px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.pink-bg {
    background-image: url(../Images/bg-pricing.svg);
}

.blue-bg {
    background-image: url(../Images/blue-bg.svg);
}

.imge-box {
    text-align: center;
    padding: 20px 0
}

    .imge-box img {
        width: 56%
    }

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

.feature-list {
    margin: 10px auto;
    min-height: 185px;
    height: 170px;
    margin: 0 auto;
}

.feature {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .feature li {
        padding: 7px 0;
        color: #002C5F;
        display: flex;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
    }

        .feature li img {
            padding-right: 5px;
            width: 18px;
        }

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 27px;
    margin: 0px 15px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #A42F98;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #A42F98;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.price-type {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-price {
    font-size: 30px;
    font-weight: 600;
}

.main-btn {
    width: 150px;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #464775;
    color: #464775;
    background: transparent;
}

.filled-btn {
    background: #58236c;
    color: #fff;
    border:1px solid #58236c;

}

.button-section {
    margin: 10px 0;
}

.price-mon {
    margin: 0;
    color: #000;
    font-weight: 500
}

.price {
    min-height: 117px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.nav-tabs.capsul-tab {
    background-color: #e6e8eb;
    border: none;
    display: inline-flex;
    padding: 5px 5px !important;
    border-radius: 50px;
    overflow: hidden;
}

    .nav-tabs.capsul-tab li a.active {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #fff;
        padding: 8px 32px;
        border-radius: 50px;
        transition: all .3s ease-in-out;
        background-color: #A42F98;
    }

.tabs-month {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

.nav-tabs.capsul-tab li a {
    color: #959CB6;
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 400 !important;
    transition: all .3s ease-in-out;
}

.user-num {
    font-size: 25px;
    font-weight: 500;
}

.start-text {
    font-size: 20px;
}

.plan-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 19px;
}

    .plan-bar label {
        color: #8A91AC;
    }
.plan-bar label h3 { color:#000
}
.color-font {
    color: #a42f98;
    font-size:29px;
    font-weight: 600;
}
.fnt-18{font-size:18px;}
.title-label {
    color: #3C4144;
    font-size: 22px;
    font-weight: 500;
}

.rangeslider--horizontal {
    height: 10px;
}

.rangeslider__fill {
    background: #A42F98;
}

.rangeslider,
input[type='range'] {
    max-width: 100%;
    margin-bottom: 76px;
}

.rangeslider__handle {
    background: url("../Images/rangeslider.svg") #a42f97;
}

.rangeslider__ruler {
    cursor: pointer;
    font-size: .7em;
    margin: 20px 3px 0 3px;
    position: relative;
    top: 100%;
    text-align: justify;
}

    .rangeslider__ruler:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    .rangeslider__ruler:after {
        content: "";
        display: inline-block;
        width: 100%;
    }

.rangeslider--horizontal .rangeslider__handle {
    top: -17px;
}

.rangeslider__handle:after {
    display: none;
}

.rangeslider__ruler {
    font-size: 18px;
    top: 216%;
    color: #8A91AC;
}

.order-summ {
    border: 1px solid #E0E0E6;
    padding: 15px;
}

.order-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.company-detail .d-flex p {
    color: #707275;
    margin: 10px 0;
}

.price-text {
    font-size: 22px;
    font-weight: 600;
}

.box-white {
    display: flex;
   margin:30px 0;
    align-items: center;
}

.order-detail p {
    margin: 10px 0px 0px
}

.order-summarybox {
    width: 730px;
    margin: 0 auto;
    background:#fff;
}

/*.filled-btn:hover {
    background: #444696;
    color: #fff;
}*/
.m-auto {
    margin:0 auto;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}
.w-50 {
    width: 50% !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.form-group {
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.plan-bar {
    display: flex;
    justify-content: space-between;
}
.title-label {
    color: #3C4144;
    font-size: 22px;
    font-weight: 500;
}
.title-label {
    color: #3C4144;
    font-size: 22px;
    font-weight: 500;
}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px;
}
.tab-content {
   
    padding-bottom: 74px;
}
.btn.active, .btn:active {
    
    box-shadow: none;
}
.price-type p {font-size:16px}
.order-summ p{font-size:14px}
/*css 18-09-2020*/
.plan-bar label {
    cursor: auto;
}
.form label {
    cursor: auto;
}
/*css 18-09-2020 end*/
.summary-bg {
    background: #EDF0F5
}

    .summary-bg .box-white {
        margin: 0;
        padding: 30px 0
    }
.order-summ p.ws-sum-title{color: #707275;}
.ws-main-lbl-name label{color: #3C4144;font-size:17px;font-weight:500;}
.ws-main-lbl-name .ws-sub-type,.ws-pricemonth,.ws-main-lbl-name img{position: relative;left:20px;}
.ws-pricemonth{left:0px;top:15px;}
.ws-main-lbl-name img{top: 11px;left:0;}
.ws-main-lbl-name .ws-sub-type{top:17px;left:10px;}
.ws-num-user .d-flex p,.ws-num-user p{margin-top:0px;margin-bottom:0px;}
.ws-num-user p label{margin-bottom:0px;}
.ws-company-name label{margin-bottom:0px;}
.btm-hrm-none{margin-top:0px;}
body hr{border:none;border-top: 1px solid #E4E4E4;}
.order-detail.ws-ttl-details p{font-size: 15px;}
.ws-pricemonth .price-text{color: #1F1E24}
.ws-pricemonth{font-weight: 600;}