/*@font-face {
  font-family:Sofia Pro Light;
  src: url(http://test.experlu.co.uk/customer-design/sofiapro/Fonts/sofiapro-light.otf);
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

body {
    /*font-family:Sofia Pro Light !important;*/
    background-color: #eeeeee3d !important;
    /*    font-family: Poppins,Roboto,Montserrat,sans-serif;    */
}

.formcontrol input::placeholder {
    color: #80808096 !important;
    font-weight: 400 !important;
}

.container {
    width: 100% !important;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.5;
}

h1,
h2,
h3,
a,
p,
button,
span,
input,
small,
td,
th {
    font-family: Poppins, sans-serif !important;
}

h4,
h5,
h6,
label {
    font-family: Montserrat, sans-serif !important;
}

label {
    font-weight: 500 !important;
}

.container-head {
    margin-bottom: 30px;
}

.main-con {
    max-width: 80%;
}

.main-con .col-md-12 {
    padding: 0 2rem !important;
}

button:hover {
    opacity: 0.8;
}

a {
    text-decoration: none !important;
    color: inherit;
}

p {
    /* text-transform: capitalize; */
}

.mt-3 {
    margin-top: 3rem;
}

.pd-0 {
    padding-bottom: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.m-0 {
    margin: 0;
}

.pd-0 {
    padding: 0 !important;
}

.d-flex {
    display: flex;
}

.d-grid {
    display: grid;
}

.space-between {
    justify-content: space-between;
}

.space-around {
    justify-content: space-around;
}

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

.col-md-4,
.col-md-8,
.col-md-12 {
    padding: 4rem !important;
}

.d-none {
    display: none;
}

label {
    margin-bottom: 0px;
}

.text-grey {
    color: #474A65;
}

.text-black {
    color: #130E46;
}

.text-purple {
    color: #702FFF;
}

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

.f-medium {
    font-weight: 600;
}

.f-bold {
    font-weight: 700;
}

.fwl {
    font-weight: 500;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 !important;
}

.logo-img {
    width: 120px;
}

.position-relative {
    position: relative;
}

.container-head h3 {
    margin: 1.5rem 0 0;
    font-size: 22px;
}

.navbar-default {
    background-color: #FBFCFF !important;
    box-shadow: 2px 0px 16px 0px #F6F6F6 !important;
    border: unset !important;
}

.navbar-nav>li>a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.navbar-default .container-fluid {
    padding: 12px;
    width: 80%;
}

ul.nav.navbar-nav {
    float: right;
}

.p-r {
    position: relative;
}

.formcontrol {
    margin-bottom: 20px;
}

/************ Customer Login **************/
.col-md-4.login-left-col {
    height: 100vh;
    position: relative;
}

.row.logo-header {
    z-index: 999999;
    position: relative;
}

.row.login-row {
    margin-top: -94px;
    z-index: 11111;
    position: absolute;
    width: 100%;
}

.login-left-col {
    background-image: url('../Images/login-bg.png');
    background-size: cover;
    background-position: top;
}

.login-left-col:after {
    content: "";
    position: absolute;
    background-image: url(../Images/Bubble.png);
    top: 32px;
    right: 0;
    z-index: 9999;
    height: 100px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}

.user-form {
    width: 550px;
    margin: 3rem auto 0;
}

.veri {
    width: 600px;
}

input::placeholder {
    color: #130E46;
    font-weight: 500;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=file],
input[type=search],
select {
    width: 100% !important;
    padding: 12px 15px !important;
    margin: 0px 0px 0px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid !important;
    border-image: linear-gradient(45deg, #FFEDE0, #EEE4FF) 1 !important;
    color: #130E46;
}

.iti.iti--allow-dropdown {
    margin-bottom: 25px !important;
}

.pink-button,
.aqua-button,
.rejected-button,
button.btn.blue-btn.mt-4,
button.btn.blue-btn {
    background: linear-gradient(98.62deg, #FF6F93 -6.79%, #FF3E6D 85.86%);
    width: auto;
    border-radius: 10px;
    color: white;
    padding: 14px 20px;
    border: none;
    margin: 3rem auto;
    display: block;
}

form .pink-button,
button.btn.blue-btn.mt-4 {
    border-radius: 5px;
}

/*.login-left-col, .login-right-col{
    height: 100vh;
}*/
/*.login-right-col{
    display: grid;
    place-content: center;
}*/
.login-left-col h3 {
    margin-top: 7rem;
    font-weight: 600;
    color: #130E46;
    font-size: 22px;
}

.login-row p {
    line-height: 2;
    color: #474A65;
    /* text-transform: capitalize; */
}

.login-right-col h2 {
    color: #130E46;
    font-weight: 600;
    margin-bottom: 1.5rem;
    margin-top: 0;
    font-size: 28px;
}

.col-md-8.login-right-col {
    height: 100vh;
    display: grid;
    place-content: center;
}

.bottom-img {
    height: 400px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    /*transform: translate(10%);*/
}

.login-left-col p {
    padding-right: 60px;
}

.footer {
    bottom: 20px;
    position: absolute;
    width: -webkit-fill-available;
    font-size: 13px;
    padding: 20px;
}

a.text-grey.fwl.pp {
    margin-left: 2rem;
}

a.text-grey.fwl.cpy {
    margin-right: 2rem;
}

.grey-bg {
    padding: 20px;
    background: #F9F5FF;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 25px;
}


/** Custom Checkbox **/
/* The container */
.check-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #00AA6C;
    border-radius: 50px;
}


/* When the checkbox is checked, add a blue background */
.check-container input:checked~.checkmark {
    background-color: #00AA6C;
}

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

/* Show the checkmark when checked */
.check-container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/******** Forget Password *********/
.grey-bg img.text-center {
    width: 60px;
    height: 60px;
}

.bg-row::after {
    content: "";
    position: absolute;
    background-image: url(Images/Bubble.png);
    top: 0px;
    right: 0;
    z-index: 9999;
    height: 100px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-row .col-md-12::before {
    content: "";
    position: absolute;
    background-image: url(Images/blue-bubble.png);
    bottom: 0px;
    left: 0;
    z-index: 9999;
    height: 100px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}

.veri input {
    width: 86px !important;
    text-align: center;
    padding: 8px 15px !important;
}

.pink-star {
    color: #FB5B83;
}

.red-text {
    color: #FF0000;
}

/*.hire-expert .login-left-col, .hire-expert .login-right-col {
    height: 120vh;
}*/
.iti {
    display: block !important;
}

.hire-right {
    display: block !important;
    margin: auto !important;
}

/***** Customer Portal ********/

/******** Header *********/
.logo-header .col-md-12 {
    padding-top: 2rem !important;
}

.dropdown-menu li.message-button.linear-border.position-relative {
    display: none;
}

.navbar-default .navbar-nav>li>a {
    color: #000000 !important;
}

.navbar-nav button.btn.dropdown-toggle {
    background: none;
    padding: 0;
    margin-left: 22px;
    color: #000000;
}

.navbar-nav button.btn.dropdown-toggle i {
    font-weight: 600;
    margin-left: 9px;
}

.user-img {
    width: 40px;
    margin-right: 12px;
}

.btn.active,
.btn:active {
    box-shadow: unset !important;
}

.btn:active:focus,
.btn:focus {
    outline: unset !important;
}

.dropdown-menu>li>a {
    padding: 6px 20px !important;
}

.dropdown-menu {
    border: unset !important;
    background-color: #fbfcff !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}

.message-button.linear-border:before {
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(45deg, #FFEDE0, #EEE4FF);
}

.message-button.linear-border {
    padding: 3px 18px;
}

li.message-button,
.message-button.linear-border {
    background: #F8F5FF;
    border-radius: 10px;
}

.container-body.tabs {
    padding: 10px 20px 10px 10px !important;
}

.job-div {
    border: 2px solid transparent;
    padding: 20px;
}

.job-div:hover {
    background: linear-gradient(100.06deg, #FCFAFE 0.18%, #FBFCFD 30.08%, #FBF8FF 66.63%, #FFFAFF 101.11%);
}

.job-div ul {
    padding-left: 0;
    margin: 0;
}

.job-div ul li button {
    border: unset;
    background: unset;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
}

.job-div ul li button:hover {
    color: #474A65;
}

.linear-border:before,
.job-div:hover::before,
.tablinks.text-grey.active .job-div::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #CCD5FF, #95A8FF, #D18FF2);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: cursor;
}

.job-div:hover::before {
    border-radius: 16px;
    padding: 2px;
}

.add-job-div:before {
    border-radius: 20px;
    padding: 4px;
}

.add-job-div i.fa.fa-plus-circle {
    margin-right: 15px;
}

.job-div i {
    box-shadow: 0px 11.6667px 23.3333px rgba(121, 118, 255, 0.2);
    background: #7976FF;
    padding: 14px 16px;
    color: #fff;
    border-radius: 6px;
    margin-right: 24px;
    font-size: 18px;
}

.job-div:hover i {
    box-shadow: 0px 11.6667px 23.3333px rgba(255, 148, 193, 0.2);
    background: #F8F5FF;
    color: #130E46;
}

.add-job-div {
    float: right;
    padding: 5px 22px;
}

.main-con .container-body {
    background-color: #fff;
    padding: 35px 20px;
    border-radius: 20px;
    margin-bottom: 50px;
}

.job-view {
    border: 1px solid #ECF1F5;
    border-radius: 19px;
    padding: 20px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.job-view {
    border: 1px solid #ECF1F5;
    border-radius: 19px;
    padding: 20px;
    padding-top: 40px !important;
}

.date {
    background: #F8F5FF;
    padding: 10px;
    border-radius: 16px;
    width: 8.5%;
    height: fit-content;
}

.job-description {
    padding: 0px 26px;
    width: 76%;
}

.job-description p {
    line-height: 1.8;
}

.job-description h4 {
    margin: 0;
}

.date span {
    font-size: 21px;
    font-weight: 500;
}

.date .year {
    font-size: 19px;
    font-weight: 500;
}

.date p {
    margin-bottom: 4px;
}

.view-quotes {
    width: auto;
}

.view-quotes button {
    float: right;
}

button.pink-border-button {
    border: 1px solid #ff6f93f2;
    border-radius: 10px;
    padding: 12px 13px;
    background: #fff;
    color: #FB5B83;
    font-weight: 600;
}

.red_css {
    color: red !important;
    border: 1px solid red !important;
}

.yello_css {
    color: gray !important;
    border: 1px solid gray !important;
}

.my_width {
    width: 160px;
}







/************ Jobs *****************/
.checked {
    color: #FF9900;
}

ul.flex-list {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

ul.flex-list li {
    margin-right: 15px;
}

.side-img {
    width: 10%;
    text-align: center;
    display: grid;
    place-content: center;
}

.view-quotes.d-grid .pink-button,
.view-quotes.d-grid .aqua-button,
.view-quotes.d-grid .rejected-button {
    width: 150px;
    padding: 13px;
    margin-top: 0;
    margin-bottom: 2rem;
}

.view-quotes.d-grid button.pink-border-button {
    width: fit-content;
    padding: 12px 10px;
    /*display: flex;
    align-items: center;*/
    width: 150px;
}

.view-quotes.d-grid {
    place-content: end;
    margin-top: -20px;
}

.job-logo {
    background: #FCF8FF;
    border-radius: 50%;
    padding: 20px;
}

.meter {
    width: 26px !important;
    margin: 10px auto 2px auto;
}

i.fa.fa-play-circle {
    margin-right: 10px;
    font-size: 16px;
}

p.text-grey.value,
ul.flex-list li {
    /* font-family: 'Inter', sans-serif; */
    font-weight: 600;
    color: #474A65;
}

.jobs-div p,
.jobs-div ul li,
.jobs-div h4,
.jobs-div h3,
.jobs-div button,
.thank h2,
.thank p {
    /* font-family: 'Inter', sans-serif !important; */
}

.reviews.d-flex.align-center {
    margin-left: 10px;
}

.reviews span {
    margin-right: 4px;
    font-size: 12px;
}

.reviews p {
    margin-left: 4px;
}

/*********** Arrow Tab **************/
li.tab-li.active button.tablinks.text-grey {
    color: #fff;
}

.tab-div {
    border-radius: 6px;
    border: 1px solid #ECF1F5;
    width: 100%;
}

.tab-div ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-y: hidden;
    white-space: nowrap;
    background: #fff;
    width: 100%;
    border-radius: 6px;
}

.tab-div ul li {
    padding: 14px 30px !important;
    width: 25%;
    text-align: center;
}

.tab-div ul li button {
    background: unset;
    border: unset;
    font-size: 15px;
    width: -webkit-fill-available;
}

button.tablinks:hover {
    opacity: unset;
}

/*.tab-li+.tab-li {
  padding: 1em 2em 1em 3em;
}*/

.tab-li {
    /*  padding: 1em 2em;*/
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.tab-li.active,
.tab-li.active+.tab-li:before {
    background: #702FFF;
}

/*.tab-li:hover,
.tab-li:hover+.tab-li:before{

}*/
.tab-li:hover button {
    /* font-weight: 500; */
    color: #702FFF;
}

.tab-li:hover:before,
.tab-li.active:before {
    background: white;
}

/*.tab-li:last-child:after,*/
.tab-li+.tab-li:before {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 0;
    border-right: solid;
    border-top: solid;
    pointer-events: none;
    box-sizing: border-box;
    /*box-shadow: 3px -3px 6px -3px gray;/* a shadow effect can be added too */
    width: 4rem;
    transform: rotate(46deg) skewy(355deg);
    z-index: 1;
    color: #ECF1F5;
    border-width: 1px;
}

.tab-li:last-child:after {
    right: -1.5em;
    background: inherit;
}

.tab-li+.tab-li:before {
    left: -1.7em;
}

/* Style the tab */
/*div#London{
    display: block !important;
}*/
/*.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}*/

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.eyes {
    top: 4px;
    cursor: pointer;
    padding: 12px;
    color: #4d6b95;
    font-size: 15px;
    position: absolute;
    right: 0;
}

.pwdinpbox {
    display: flex;
    position: relative;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    /*  border: 1px solid #ccc;*/
    border-top: none;
}

.aqua-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(98.62deg, #23DA97 -6.79%, #00AA6C 85.86%);
    font-weight: 500;
}

.rejected-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(98.62deg, #FC5858 -6.79%, #EA1111 85.86%);
    font-weight: 500;
}

.aqua-button,
.rejected-button {
    margin-bottom: 6px !important;
    padding: 14px 36px !important;
}

#current-job {
    display: block;
}




/******** Thankyou Page **********/
.col-md-12.thank:before,
.col-md-12.thank:after,
.col-md-12.verify:before,
.col-md-12.verify:after {
    content: "";
    position: absolute;
    z-index: 9999;
    height: 100px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}

.col-md-12.thank:before,
.col-md-12.verify:before {
    background-image: url(../Images/blue-bubble.png);
    bottom: 120px;
    left: 0;
}

.col-md-12.thank:after,
.col-md-12.verify:after {
    background-image: url(../Images/Bubble.png);
    top: 32px;
    right: 0;
}

a.text-grey.pp,
a.text-grey.cpy {
    position: absolute;
}

a.text-grey.cpy {
    right: 45px;
}

.col-md-12.thank,
.col-md-12.verify {
    height: 85vh;
}

.thank p {
    padding: 0 22% 15px;
}

.thank-img {
    width: 50%;
    margin: auto;
    display: block;
}

button.purple-button {
    margin: auto;
    display: block;
    padding: 10px 28px;
    background: linear-gradient(81.04deg, #6621FF 0.57%, #854EFF 98.44%);
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    /* font-family: 'Inter', sans-serif; */
    font-weight: 700;
    margin-top: 22px;
}

.thank h2.text-center {
    color: #702FFF;
    font-size: 58px;
    font-weight: 600;
}

.thank h2 span {
    color: #FB5B83;
}

/******** Back *******/
a.back {
    display: flex;
    align-items: center;
}

a.back i {
    margin-right: 10px;
    font-size: 18px;
}

/******************* Chat **************************/
.friend-name strong {
    font-weight: 600;
}

.container.bootstrap.snippets.bootdey {
    background: #fafafa !important;
}

.row.msgbottom {
    background: white !important;
}

.search input,
input.form-control.chat-search:focus,
.chat-box input.form-control {
    border: unset;
    box-shadow: unset;
}

.search .input-group {
    width: 100%;
    display: flex;
}

.search-bar.d-flex.align-center {
    width: 100%;
    background: #F8F5FF;
    padding: 2px 15px;
    border-radius: 6px;
}

input.form-control.chat-search {
    background: transparent;
    /*font-size: 16px;
    font-weight: 400;*/
    font-family: 'Sofia Pro Light';
    border: 1px solid #f8f5ff !important;
}

input.form-control.chat-search::placeholder {
    color: #474A65;
    font-weight: 500;
}

.friend-list {
    list-style: none;
    padding-left: 0px;
    height: 444px;
    overflow-y: scroll;
}

.friend-list li {
    border-bottom: 1px solid #ECF1F5;
    margin-top: 0;
}

.friend-list li a img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 16px;
}

.friend-list li a {
    position: relative;
    display: block;
    padding: 16px 20px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    text-decoration: none;
}

.friend-list li.active a {
    background-color: #F8F5FF;
}

.friend-list li.active {
    border: unset;
}

.friend-name {
    margin-bottom: 4px;
}

.friend-list li a .last-message {
    width: 40%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.friend-list li a .time {
    position: absolute;
    bottom: 16px;
    right: 20px;
}

small,
.small {
    font-size: 85%;
}

.friend-list li a .chat-alert {
    position: absolute;
    right: 8px;
    top: 27px;
    font-size: 10px;
    padding: 3px 5px;
}

.chat-message {
    padding: 20px 20px 0;
}

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

.chat li img {
    width: 30px;
    height: 30px;
    border-radius: 50em;
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
}

img {
    max-width: 100%;
}

.chat-body {
    padding-bottom: 20px;

}

.chat-scroll {
    height: 370px;
    overflow-y: scroll;
    padding: 0 20px 0 0;
}

.chat li.left .chat-body {
    /* margin-left: 40px; */
    background: #F8F5FF;
}

.chat li .chat-body {
    position: relative;
    font-size: 14px;
    padding: 20px;
    /* border: 1px solid #f1f5fc;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);*/
    border-radius: 10px;
    width: 400px;
}

.chat li .chat-body .header {
    padding-bottom: 5px;
    /*  border-bottom: 1px solid #f1f5fc;*/
}

.chat li .chat-body p {
    margin: 0;
    word-wrap: break-word;
}

/*.chat li.left .chat-body:before {
  position: absolute;
  top: 10px;
  left: -8px;
  display: inline-block;
  background: #fff;
  width: 16px;
  height: 16px;
  border-top: 1px solid #f1f5fc;
  border-left: 1px solid #f1f5fc;
  content: '';
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.chat li.right .chat-body:before {
  position: absolute;
  top: 10px;
  right: -8px;
  display: inline-block;
  background: #fff;
  width: 16px;
  height: 16px;
  border-top: 1px solid #f1f5fc;
  border-right: 1px solid #f1f5fc;
  content: '';
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}*/

.chat li {
    margin: 25px 0;
}

.chat li.right .chat-body {
    /* background-color: #130e46; */
    /* background-color: #b9b9b9; */
    background-color: gray;
    float: right;
    color: #fff;
    margin-top: 35px;
    position: relative;
    right: -30px;
}

.right-time {
    color: #fff;
}

.chat-box {
    /*
  position: fixed;
  bottom: 0;
  left: 444px;
  right: 0;
*/
    padding: 16px 8px;
    box-shadow: 0px -4px 24px rgba(0, 0, 0, 0.03);
    /*border-top: 1px solid #eee;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;*/
}

.primary-font {
    color: #3c8dbc;
}

/*a:hover, a:active, a:focus {
  text-decoration: none;
  outline: 0;
}*/
img.dot-img {
    width: 16px;
}

form.search {
    margin-bottom: 2rem;
    padding: 0 20px;
}

button.btn.dropdown-toggle.three-dots {
    background-image: url(../Images/dots.png);
    background-size: 16px;
    background-repeat: no-repeat;
    height: 46px;
    background-color: unset;
    background-position: right;
    width: 30px;
}

.col-md-4.bg-white {
    padding: 20px 0 20px 0 !important;
    border-right: 1px solid #FFEDE0;
}

.dot-dropdown ul.dropdown-menu {
    background: #FFFFFF !important;
    border: 1px solid #FDFDFD !important;
    box-shadow: 0px 5px 16px rgba(67, 73, 97, 0.04) !important;
    border-radius: 10px;
    left: -13rem !important;
}

.dot-dropdown ul.dropdown-menu li a {
    color: #474A65;
}

.dropdown-menu>li>a:hover {
    background-color: #F8F5FF !important;
}

.message-header .name {
    font-weight: 600;
    margin-left: 10px;
}

.col-md-8.bg-white {
    padding: 20px 0 !important;
}

.row.message-header {
    margin: 0 !important;
    padding: 0px 0 16px 0;
    border-bottom: 1px solid #d18ff26b;
}

span.status {
    font-size: 12px;
    background: #00AA6C1A;
    padding: 5px 10px;
    color: #00AA6C;
    font-weight: 600;
    border-radius: 5px;
    margin-left: 6px;
}

.chat-box input.form-control::placeholder {
    color: #474A65;
    font-weight: 500;
}

button.btn.send-message {
    background-image: url(../Images/send-icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 20px;
    background-color: transparent;
}
button.btn.send-video{
    background-image: url(../Images/VC.png);
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 20px;
   
}
p.day.text-grey.text-center {
    width: fit-content;
    display: block;
    margin: auto;
    padding: 4px 18px;
    background: #F8F5FF;
    border-radius: 5px;
    font-size: 12px;
}

/************* Proposals ******************/
.proposal-chat h4 {
    /* font-family: 'Inter', sans-serif !important; */
    padding: 0 20px 15px 20px;
    margin-bottom: 0;
    font-size: 16px;
}

.proposal-chat .row.message-header {
    padding: 12px 0 6px 0;
    border-bottom: unset;
}

.proposal-chat .col-md-12 {
    padding: 0 !important;
}

.row.proposals-row .col-md-4,
.proposal-chat,
.table-div,
.proposal-details {
    background-color: #fff;
    border-radius: 10px;
}

.row.proposals-row .col-md-4 {
    padding: 20px !important;
}

.row.proposals-row .col-md-4 {
    width: 32%;
}

/* .business-info .job-logo {
    width: 22%;
} */

.business-info h4 {
    /* font-family: 'Inter', sans-serif !important; */
    font-size: 22px;
    margin-top: 20px;
}

.business-info .reviews {
    justify-content: center;
}

.reviews i {
    margin-right: 5px;
}

.business-info .text-grey {
    font-size: 15px;
    padding: 10px 20px 0 20px;
    /* font-family: 'Inter', sans-serif !important; */
    /* text-transform: capitalize; */
    line-height: 1.8;
    margin-bottom: 0;
}

.business-details h5 {
    font-size: 15px;
    margin-bottom: 24.4px;
}

.business-details p {
    font-size: 15px;
    /* font-family: 'Inter', sans-serif !important; */
    margin-left: 15px;
    margin-bottom: 35px;
}

.business-details video {
    border-radius: 10px;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}

.proposals-container {
    padding-top: 20px !important;
    background: transparent !important;
    display: block;
}

.business-info {
    padding: 0 10px 35px 10px;
    border-bottom: 1px solid #FFEDE0;
}

.business-details {
    padding: 34px 0;
}

.proposals-row .col-md-8 {
    padding: 0px !important;
    width: 66%;
    margin-left: 2%;
}

.proposal-chat {
    margin-top: 20px;
}

.table-div h4 {
    margin-top: 0;
    font-size: 15px;
    /* text-transform: capitalize; */
    font-weight: 600;
    margin-bottom: 0;
}

.table-div table th,
.table-div table td {
    font-size: 15px;
    /* font-family: 'Inter', sans-serif !important; */
    border: unset !important;
    color: #474A65;
}

.table-div table th {
    width: 250px;
    padding: 15px 10px 10px 20px !important;
    font-weight: 600;
}

.table-div table td {
    padding: 12px 10px 10px 20px !important;
}
.table-div table td.td-price{
	text-align: right;
    padding-right: 108px !important;
}
tr.total {
    background: #F8F5FF;
}

tr.total td {
    color: #130E46;
    font-weight: 700;
    /* font-family: 'Inter', sans-serif !important; */
    padding-bottom: 18px !important;
}

button.accept,
button.reject {
    font-size: 15px;
    font-weight: 600;
    /* font-family: 'Inter', sans-serif !important; */
    background: unset;
    border: unset;
    pointer-events: cursor;
}

button.accept {
    color: #00AA6C;
    margin-right: 10px;
}

button.reject {
    color: #EA1111;
}

.row.proposals-row .table-div .space-between {
    padding: 20px 20px 10px 20px;
}

.table-div .linear-border:before,
.proposal-details .linear-border:before,
.proposal-chat .linear-border:before {
    background: linear-gradient(45deg, #d18ff233, #d18ff22b, #d18ff21f);
}

.table-div .linear-border:before {
    padding: 0 0 1px 0;
}

.proposal-details .linear-border:before {
    padding: 0 0 1.7px 0;
}

.proposal-chat .linear-border:before {
    padding: 0 0 1.3px 0;
}

.proposal-chat .chat-box:before {
    padding: 1px 0 0 0;
}

.proposal-details {
    /* font-family: 'Inter', sans-serif !important; */
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 26px;
}

.proposal-details h4 {
    font-size: 16px;
    padding: 20px 20px 15px;
}

.proposal-details h3 {
    font-size: 21px;
    padding: 0 20px;
}

.proposal-details p {
    line-height: 1.7;
    padding: 0 20px;
}

.proposal-video video,
.proposal-video img {
    border-radius: 10px;
    width: 99% !important;
    height: 210px;
    margin-right: 55px;
    object-fit: cover;
}

.proposal-video.d-flex.align-center {
    padding: 25px 20px 20px 0;
}

.proposal-video p {
    /* font-family: 'Inter', sans-serif !important; */
    line-height: 25.6px;
    position: relative;
    padding: 8px;
    font-size: 15px;
}

.proposal-video p:before {
    content: "";
    position: absolute;
    background-image: url(../Images/quote-left.png);
    left: -35px;
    top: -15px;
    width: 34px;
    height: 20px;
    background-repeat: no-repeat;
}

.proposal-video p:after {
    content: "";
    position: absolute;
    background-image: url(../Images/quote-right.png);
    right: 0px;
    bottom: -10px;
    width: 34px;
    height: 20px;
    background-repeat: no-repeat;
}

.quote h5 {
    /* font-family: 'Inter', sans-serif !important; */
    font-size: 16px;
    padding: 8px 3px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

span.text-grey {
    /* font-family: 'Inter', sans-serif !important; */
    padding: 8px;
    font-size: 13px;
}

.proposal-video button.pink-border-button {
    background: transparent;
    /* font-family: 'Inter', sans-serif !important; */
}

.proposal-video button.pink-button {
    width: fit-content;
    /* font-family: 'Inter', sans-serif !important; */
    padding: 14px 28px;
    font-weight: 500;
    margin: unset;
}

.proposal-video .mt-3 {
    margin-top: 2rem !important;
    margin-bottom: 3rem;
}

button#play_button {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    background: unset;
    border: unset;
    top: 74px;
}

button#play_button img {
    width: 45px;
}

.play2 img {
    width: 38px !important;
}

.play2 {
    top: 82px !important;
    left: -48px !important;
}

p.text-black.review-brand,
.tm p {
    margin: 0;
}

.side-reviews .reviews.d-flex.align-center {
    margin-left: 0;
}

.side-reviews .reviews p {
    margin: 1px 0 0 2px;
}

.side-reviews div {
    margin-left: 16px;
}

.side-reviews .job-logo {
    padding: 12px;
    width: 51px;
}

.side-reviews,
.tm {
    margin-bottom: 15px;
}

.tm img {
    height: 50px;
    width: 50px;
    margin-right: 16px;
}

.initchat {
    color: #702FFF;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 8px;
}
.iti-mobile .iti--container {
    z-index: 999999999 !important;
}
/**************** Responsive ************************/

@media(max-width: 1280px) {
    a.no-prob {
        right: 8px !important;
    }

    .tabs .col-md-3 {
        width: 40%;
    }

    .date {
        width: 12%;
    }

    .job-description {
        width: 70%;
    }

    .view-quotes {
        /* width: 18%; */
    }
}

@media (max-width: 1100px) {
    .whitebgbox {
        width: 50% !important;
    }

    .hire-left,
    .hire-right {
        height: 110vh !important;
    }

    .login-left-col p {
        padding-right: 20px;
    }

    .thank p {
        padding: 0 10% 15px;
    }

    .bottom-img {
        height: 250px;
    }

    .navbar-default .container-fluid {
        width: 90%;
    }

    .main-con {
        max-width: 90%;
    }

    .row.proposals-row .col-md-4 {
        width: 100%;
    }

    .proposals-row .col-md-8 {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }

    .business-info .job-logo {
        width: auto;
    }

}


@media (width: 1024px) {
    .whitebgbox {
        width: 100% !important;
        margin-bottom: 11%;
    }

    .set_row_grid {
        display: grid !important;
    }
}

@media (max-width: 768px) {
   
    .proppic img {
        width: 16% !important;
    }

    .profile-img img {
        width: auto !important;
        height: auto !important;
    }

    .whitebgbox {
        width: 100% !important;
        margin-bottom: 11%;
    }

    .set_row_grid {
        display: grid !important;
    }

    .add-job-div {
        margin-bottom: 20px;
    }

    .hire-right,
    .hire-left {
        height: auto !important;
    }

    .col-md-12.thank,
    .col-md-12.verify {
        height: auto;
    }

    .thank-img {
        width: 80%;
    }

    .thank p {
        padding: 0 10px 15px;
    }

    .reviews.d-flex.align-center {
        margin-left: 0;
        display: flex !important;
        margin-bottom: 10px;
    }

    .job-description .d-flex.align-center {
        display: grid;
    }

    .job-view {
        display: block;
    }

    .side-img {
        width: auto;
    }

    .job-view .job-description,
    .job-view .view-quotes {
        width: 100%;
        display: grid;
        padding-left: 0;
        padding-top: 20px;
    }

    .bottom-img {
        height: 400px;
    }

    .date {
        width: fit-content;
        height: fit-content;
		padding:10px 15px;
    }

    .job-description {
        width: 60%;
    }

    .view-quotes {
        width: 25%;
    }

    .tabs .row {
        display: contents;
    }

    .tabs .col-md-3 {
        width: 100%;
    }
}

@media (max-width: 767.0px) {
    .logo-img {
		width: 105px;
	}
    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        right: 0;
        padding: 20px;
    }

    .video-div {
        display: block;
        text-align: center;
    }

    .proposal-video video {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .play2 {
        left: 0 !important;
    }

    .tab-div ul li {
        width: auto;
    }

    .tab-div ul {
        overflow-x: auto;
    }

    .chat li .chat-body {
        width: auto;
    }

    .dropdown-menu li.message-button.linear-border.position-relative {
        display: block !important;
    }

    .message-button {
        display: none !important;
    }

    .navbar-header {
        margin: 5px 0 !important;
        float: left;
    }

    ul.nav.navbar-nav {
        float: right;
        margin: 0 !important;
    }
	.add-job-div {
		margin-top: 20px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 185px;
    }
	.bordertab ul{
		padding-left:0px;
		width: 100%;
        text-align: center;
	}
	.bordertab ul .tab-li .tbclick{
		width:216px;
	}
	.initchat{
		margin-left:auto;
		margin-right:auto;
	}
	.table-div table td.td-price{
	   text-align: left;
       padding-right: 10px !important;
    }
}

@media (max-width: 700px) {

    .user-form {
        width: 100%;
    }

    .date {
        width: fit-content;
        padding: 20px;
    }

    .job-description {
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
    }

    .view-quotes {
        width: auto;
    }
}

@media(max-width: 478px) {

    .hire-right .footer {
        bottom: 0;
    }

    .bg-row h2 {
        font-size: 26px;
    }

    .logo-header .col-md-12 {
        padding-bottom: 0 !important;
    }

    .col-md-12.thank:before,
    .col-md-12.verify:before {
        bottom: 60px;
    }

    a.text-grey.cpy {
        right: 20px;
    }

    a.text-grey.pp {
        left: 20px;
    }

    a.text-grey.pp,
    a.text-grey.cpy {
        bottom: 10px;
    }

    /*.logo-header .col-md-12{
        padding: 2rem 1rem !important;
    }*/
    .thank-img {
        width: 100%;
    }

    .thank h2.text-center {
        font-size: 35px;
    }

    .col-md-12.thank:after {
        top: 0;
    }

    ul.flex-list li {
        padding: 2px;
    }

    .bottom-img {
        height: 300px;
    }

    .navbar-default .container-fluid {
        width: 100%;
    }

    .main-con {
        max-width: 100%;
    }

    .proposal-video p {
        padding: 20px;
    }

    .proposal-video p:before {
        left: 0px;
    }

    .job-div {
        padding: 20px 10px;
    }

    .add-job-div {
        margin-top: 20px;
		float: none;
        margin-left: auto;
        margin-right: auto;
        width: 185px
    }

    .container-body.tabs {
        padding: 10px 10px 30px !important;
    }

}

@media(max-width: 374px) {
    .proposal-video button.pink-border-button {
        padding: 14px 28px;
        margin-top: 10px;
    }

    .proposal-video button.pink-button {
        margin: 20px auto !important;
    }

    .proposal-video .mt-3 {
        display: block;
        text-align: center;
    }

}

@media(max-width: 1024px) {
    a.no-prob {
        bottom: -70px !important;
    }
}

/**** tooltip******/

a.no-prob {
    padding: 12px 20px;
    background: linear-gradient(81.04deg, #6621FF 0.57%, #854EFF 98.44%);
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    right: 24px;
    float: right;
    bottom: 20px;
}

a.no-prob:hover {
    color: #fff;
}

a.no-prob:hover:before {
    position: absolute;
    content: "Not happy with these proposals and want more?";
    top: -91px;
    left: -24px;
    width: 170px;
    background: linear-gradient(84.1deg, #CCD5FF -1.4%, #95A8FF 5.24%, #D18FF2 104.83%);
    border-radius: 5px;
    padding: 10px;
    font-family: 'Poppins';
    color: #FFF;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
}

.speech-bubble {
    position: relative;
    background: #00aabb;
    border-radius: .4em;
    /*display: none;*/
}

a.no-prob:hover:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #ad9efa;
    border-bottom: 0;
    margin-left: -16px;
    margin-bottom: -33px;
}

.not-happy {
    position: absolute;
    bottom: 0;
}

.iti__arrow {
    display: none !important;
}

.validate_cus {
    color: red;
}

.table-div .linear-border div {
    z-index: 9999999;
}

.table-div .linear-border .aqua-button,
.table-div .linear-border .rejected-button {
    width: auto;
    margin-bottom: 12px !important;
    margin: 0;
}



@media (max-width: 320px) {
    span.psw {
        margin-left: 30px;
    }

    .login-row .login-right-col .d-flex.space-between {
        display: block;
    }

    .table-div table th,
    .table-div table td {
        font-size: 11px !important;
    }


}

.head-para {
    /* text-transform: capitalize; */
}


/************ Setting Page ****************/
.customswitch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    margin: 3px;
}

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

.switchslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switchslider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    top: 3px;
    left: 3px;
}

input:checked+.switchslider {
    background-color: #3BC213;
}

input:focus+.switchslider {
    box-shadow: 0 0 1px #008000d6;
}

input:checked+.switchslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switchslider.customround {
    border-radius: 34px;
}

.switchslider.customround:before {
    border-radius: 50%;
}

/* ////////////// */
.profileformdata h3 {
    font-size: 19px;
    font-weight: 600;
    color: black;
}

.signicon {
    color: red;
}

.whitebgbox {
    background: white;
    padding: 30px;
    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
    /*margin-top: 25px;*/
    width: auto;
    border-radius: 20px;
}

.profileformarea .col-sm-12 {
    padding: 0;
}

.whitebgbox h5 {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #80808042;
    padding-bottom: 20px;
    margin-top: 0;
}

.switchbox {
    display: flex;
    margin-bottom: 18px;
    justify-content: space-between;
}

.ticksign {
    color: gray;
    border-radius: 50px;
    font-size: 18px !important;
    margin-right: 1rem;
}

.switchbox p {
    font-weight: 400;
    color: #2a2a2a;
    margin: 3px;
}

.profileclickarea {
    text-align: end;
    border-top: 1px solid #80808042;
    padding-top: 20px;
}

.profileclick {
    width: 12%;
    padding: 6px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    background: #a34ce5 !important;
    border-color: #a34ce5 !important;
    border-radius: 5px !important;
    float: right !important;
    margin-top: -8% !important;
}

.profileformdata {
    width: 80%;
    margin: 0 auto;
}

.profileclick:hover {
    background: #a34ce5e0;
    border-color: #a34ce5e0;
}

.switchboxtext {
    display: flex;
    align-items: center;
}


/************ Profile Page ********************/
.customer_profile button.btn.primary-btn.btn-save.config-add-option-field-add-btn {
    background: #00c121;
    color: #fff;
    min-height: 39px;
    padding: 4px 9px;
    min-width: 39px;
}

.profile-bg {
    margin: 0 auto;
    width: 26%;
}

.profile-img img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    object-fit: scale-down;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 6%);
    margin-bottom: 10px;
}

.user-text h4 {
    font-size: 22px;
    font-weight: 600;
    margin-left: 10px;
}

a.change_profile_pic_btn {
    color: #000;
}

.customer_profile .input-group {
    width: 100%;
}

.customer_profile .form-control {
    height: 40px;
}

.form-inline.d-flex.add-direc {
    width: 300px;
}

.customer_profile button.btn.blue-btn.mt-4 {
    margin: 22px 0 0;
    width: 120px;
    padding: 11px;
}

.save-profile {
    width: 180px !important;
    padding: 12px 20px !important;
}

.customer_profile h6 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.col-sm-12.profile_pic_field {
    margin-bottom: 15px;
}

section.create-job-sec {
    padding-bottom: 40px;
}



@media only screen and (max-width : 480px) {

    .chat li.right .chat-body {
        background-color: gray;
        float: right;
        color: #fff;
        margin-top: 35px;
        width: 100%;
        right: 0px;
    }

    .proppic img {
        width: 40% !important;

    }

    li.message-button.linear-border.position-relative:before {
        content: none !important;
    }

    .profile-img img {
        width: 100px !important;
        height: 100px !important;
    }

    .profile-bg {
        width: auto;
    }

    .form-inline.d-flex.add-direc {
        width: auto;
    }

    .whitebgbox {
        width: auto !important;
        margin-bottom: 25px;
    }

    .switchbox p {
        font-size: 11px;
    }
}


/* add by arham  ********************************/
.lastfottext {
    text-align: center;
    margin-top: 50px;
}

.senhove {
    color: #702fff;
}

.sendmoarea {
    text-align: left;
}

.sendmoarea .btn-primary {
    background: transparent !important;
    border: 2px solid pink;
    color: pink;
    font-weight: 500;
}

.job-logo {
    height: 95px;
    width: 95px;
    object-fit: fill;
}

.roseonn {
    height: auto !important;
}

.idbgling {
    display: flex;
    margin: 4px 0px;
}

span.idbg {
    margin: 0px 15px;
    margin-top: 5px;
}

.idbgid {
    background: #f8f5ff;
    padding: 3px;
    border-radius: 2px;
    color: #130e46;
    margin-top: 3px;
}

h4.serneed {
    font-size: 15px;
    font-weight: 600;
    color: #130e46;
    margin: 4px 0px !important;
}

.idbgling i {
    color: #787878;
}

.botsrv {
    border-top: 1px solid #702fff2b;
    padding-top: 10px;
    margin-top: 2px;
}

.qotedate h6 {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    margin-top: 25px;
}

span.qotedatespan {
    font-size: 12px;
    position: relative;
    top: 5px;
    font-weight: 400;
}

/* .proppic img {
    width: 35% !important;
} */

.proppics img {
    height: 10% !important;
}

.detailservic span {
    padding: 3px !important;
}

.detailservic {
    margin-left: 3px !important;
}

.rightspce {
    margin-right: 30px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .proppic img {
        width: auto !important;
    }
	.modal.right .modal-dialog{
		width:100% !important;
		height:100% !important;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .new_accep {
        margin-top: 11px !important;
      }
    .protablebody th {
        font-size: 12px !important;
    }

    .protablebody td {
        font-size: 12px !important;
    }

    .proposal-video video,
    .proposal-video img {
        border-radius: 10px;
        width: 97% !important;
        height: 210px;
        margin-right: 0px !important;
        margin-bottom: 25px !important;
    }

    .clearfix {
        margin-right: 0px !important;
    }
	.modal.right .modal-dialog{
		width:100% !important;
		height:100% !important;
	}
}

.form-group.input-space {
    margin-bottom: 0 !important;
}

.detailservic {
    margin-top: 40px;
    text-align: left;
}

.switchbox_scroll {
    height: 170px;
    overflow: scroll;
    overflow-x: hidden;
    margin-top: -10px;
    padding-right: 8px;
}

.switchbox_scroll::-webkit-scrollbar {
    width: 3px;
}

.switchbox_scroll::-webkit-scrollbar-track {
    background: #c1c1c1;
}

.switchbox_scroll::-webkit-scrollbar-thumb {
    background-color: #a34ce5;
    border-radius: 0px;
}

/* add by arham  ********************************/
/* new css rule start */
.modals-wraper .modal-header .close-btns {
    margin-left: auto;
    background: #FF3E6D;
    border: 0px;
    color: white;
    width: 32px;
    height: 32px;
    font-size: 22px;
    border-radius: 6px;
}
.modals-wraper .modal-header .modal-title{
	font-weight:700;
	color:#ffffff;
	border-color:#FF3E6D;
}
.modals-wraper .proposal-video video, .modals-wraper .proposal-video img{
	width:100% !important;
}
/* MODAL AS RIGHT SIDEBAR */
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 60%;
		height: 500px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
		border-radius: 20px;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modals-wraper .modal-content {
		border-radius: 0;
		border: none;
	}

	.modals-wraper .modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #702fff;
	}
.showhead{
	display:block !important;
}
.engagement-details {
    background-color: #fff;
    border-radius: 10px;
}
.engagement-details .engage-box .p-text{
	font-size: 14px;
    font-weight: 400;
	margin-bottom:16px;
	padding: 0px;
}
.engagement-details .engage-box {
    border: 1px solid #969696;
    border-radius: 5px;
    margin: 23px 20px 10px 20px;
	overflow:hidden;
}
.engagement-details .engage-box .engbox-in{
	overflow:auto;
	height:240px;
	padding: 25px 25px 10px 25px;
}
/* width */
.engage-box .engbox-in::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.engage-box .engbox-in::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
.engage-box .engbox-in::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 5px;
}

/* Handle on hover */
.engage-box .engbox-in::-webkit-scrollbar-thumb:hover {
  background: #666666; 
}
/* custom popup */
.custom-modal .modal-header{
	display:flex; 
	align-items:center;
}
.custom-modal .modal-header button.close-modal {
    margin-left: auto;
    background: none;
    border: 0;
    font-size: 24px;
}
.custom-modal .msgs-txts{
	font-size:18px;
	font-weight:400;
	margin-top: 25px;
    margin-bottom: 25px;
}
.custom-modal .modal-footer{
	text-align:center;
}
.custom-modal .modal-footer .btn-link{
	background-color:#702FFF;
	color:#ffffff;
	width:100px;
	padding:8px 10px;
	margin-left:8px;
	margin-right:8px;
}
.custom-modal .modal-footer .btn-link:hover{
	background-color:#4f22b3 !important;
	color:#ffffff !important;
}
.custom-modal .modal-footer .btn-cancel{
	background-color:#FB5B83 !important;
}
.custom-modal .modal-footer .btn-cancel:hover{
	background-color:#FB5B83 !important;
}
.custom-modal textarea{
	resize:none !important;
}
/* custom popup */
/* test css */
.topbanner-wraper {
    background-color: #ff5b83;
    padding: 8px 20px;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    margin-top: 120px;
    /*background-image: url("https://i.postimg.cc/DznqC94T/bnk-bg.jpg");
    background-size: cover;
    background-position: center;*/
}
.topbanner-wraper p{
	text-align:center;
	font-weight:400;
	font-size:14px;
	margin-bottom:0px !important;
}
.topbanner-wraper .link-text {
    color: #ffffff;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #ffffff;
    padding-left: 15px;
    color: #ffff9d;
}
.topbanner-wraper .link-text .fa{
	position:relative;
}
.topbanner-wraper .link-text:hover .fa{
	left:8px;
	transition:5000ms ease;
}
/* width */
.scrollbox-line::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.scrollbox-line::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1aeae;
  border-radius: 0px;
}

/* Handle */
.scrollbox-line::-webkit-scrollbar-thumb {
  background: #b1aeae;
  border-radius: 0px;
}
.proposal-chat .chat-scroll::-webkit-scrollbar{
	width: 8px;
}
/* Track */
.proposal-chat .chat-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1aeae;
  border-radius: 0px;
}

/* Handle */
.proposal-chat .chat-scroll::-webkit-scrollbar-thumb {
  background: #b1aeae;
  border-radius: 0px;
}
i.fa.fa-info-circle.sm-circle {
    font-size: 16px;
	-webkit-text-stroke: 0.5px;
}
.heading-wraper{
	margin-bottom:20px;
}
.heading-wraper .heading-h{
	margin-top:0px;
	margin-bottom:0px;
	display: flex;
    align-items: center;
}
.heading-wraper #taxYearForm{
	margin-left:auto;
}
.heading-wraper .heading-h .fa{
	margin-left:6px;
}
.heading-wraper .date-format {
    font-size: 16px;
    display: inline-block;
    padding-left: 15px;
}
.heading-wraper .status-dropdown{
	margin-left:auto;
	float:right;
	margin-bottom:0px;
}
.heading-wraper .status-dropdown button{
	background-color:#702fff;
	padding:10px;
	width:184px;
	text-align: left;
	color:#ffffff !important;
}
.status-dropdown button.btn .caret {
    float: right;
    position: relative;
    top: 8px;
}
.heading-wraper .status-dropdown button:hover{
	background-color:#702fff !important;
	color:#ffffff !important;
}
.heading-wraper .status-dropdown button:focus{
	background-color:#702fff;
}
.heading-wraper .status-dropdown .dropdown-toggle:after {
    color: #ffffff;
    margin-left: auto;
    float: right;
    position: relative;
    top: 2px;
}
.heading-wraper .status-dropdown .dropdown-item{
	border-bottom:1px solid #ebe5e5;
	font-weight:500;
}
.heading-wraper .status-dropdown .dropdown-menu{
	padding-top:0px;
	padding-bottom:0px;
	height: auto;
    overflow: auto;
}

.quest-section {
    margin-top: 28px;
    margin-bottom: 28px;
}
.quest-section .side-wraper .nav li {
    float: none;
}
.quest-section .tab-content {
    padding: 25px 15px;
    margin: 0px;
    box-shadow: 0px 0px 4px 5px #ebe8e8;
    border-radius: 10px;
    height: 419px;
    overflow: hidden;
}
.quest-section .tab-content .tab-pane {
    height: 100%;
    overflow: auto;
}
/* width */
.quest-section .tab-content .tab-pane::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.quest-section .tab-content .tab-pane::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1aeae;
  border-radius: 0px;
}

/* Handle */
.quest-section .tab-content .tab-pane::-webkit-scrollbar-thumb {
  background: #b1aeae;
  border-radius: 0px;
}
.tab-content p {
    margin-bottom: 0px;
    padding: 0px 0px;
}
.quest-section .nav-pills>li.active>a, .quest-section .nav-pills>li.active>a:focus, .quest-section .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #504f52 !important;
}
.quest-section .nav-pills>li>a {
    border-radius: 0px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #ddd9d9;
}
.quest-section .nav-pills>li>a:first-letter {
    text-transform: capitalize;
}
.quest-section .side-wraper {
    padding: 15px 15px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px 5px #ebe8e8;
    border-radius: 10px;
    height: 420px;
    overflow: hidden;
}

.tab-content table, th, td {
  border: 0px solid black;
  padding: 0px;
}
.tab-content table {
  border-spacing: 8px;
  border-collapse: separate;
  width:100%;
}
.tab-content .header-row h4{
	font-weight:600;
	font-size:16px;
}
.table-content .table{
	margin-bottom:0px;
}
.table-content table th{
	padding: 5px 15px !important;
	background-color:#504f52;
	color:#ffffff;
}
.table-content table td {
    width: 50%;
    padding: 10px 15px !important;
    vertical-align: middle !important;
    font-size: 14px;
	background-color:#e8e7eb;
}
.table-content table .quest-td{
	color:#000000;
}
.table-content table .srno-td{
	width:50px;
}
.table-content table .btns-td{
	width:100px;
}
/*.info-wraper{
	color:#000000;
	font-size:16px;
	text-align:center;
	padding:15px 25px;
	border-radius:10px;
	box-shadow:0px 0px 4px 5px #ebe8e8;
	margin-bottom:20px;
}*/
.infofoot-bans {
    /* background-image: url("https://i.postimg.cc/hPhSKrCs/studio-republic-fot-KKq-WNMQ4-unsplash.png"); */
    background-size: cover;
    background-position: center;
    color: #262424;
    padding: 40px;
    background-color: #e5dcf9;
    border-radius: 10px;
	margin-top:20px;
	margin-bottom:40px;
	box-shadow:0px 0px 12px 4px #dddcdc;
}
.infofoot-bans .heading{
	margin-top:0px;
}
.infofoot-bans .subline-text{
	font-size:16px;
	margin-bottom:10px;
}
.infofoot-bans .btn-contact {
    background-color: #702fff;
    color: #ffffff;
    padding: 10px;
    border-radius: 6px;
	margin-top:15px;
	display: inline-block;
}
.info-row{
	margin-top:25px;
}
.info-wraper p{
	margin-bottom:0px;
	font-size:14px;
}
.info-row .timetable-box .cols-box{
	width:50%;
	padding-right:10px;
	margin-bottom:8px;
}
.info-row .timetable-box .day-txt{
	font-weight:600;
	color:#000000;
}
.assist-rows{
	margin-bottom:28px;
}
.assist-rows .profile-wraper {
	padding:15px;
}
.assist-rows .profile-wraper img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #ededed;
}
.assist-rows .profile-wraper .profile-img{
	margin-top:-47px;
}
.assist-rows .prof-container {
    background: #ffffff;
    box-shadow: 0px 0px 12px 4px #dddcdc;
	border-radius:10px;
	overflow: hidden;
}
.assist-rows .prof-container .prof-baner {
    background-color: #e5dcf9;
    color: #702FFF;
    padding: 20px 15px 15px 15px;
    height: 92px;
}
.prof-baner .heading{
	font-weight:600;
	font-size:15px;
	margin-top:0px;
}
.assist-rows .profile-dtls{
	padding-left:0px;
}
.assist-rows .profile-dtls p{
	margin-bottom:0px;
	color:#74788d;
}
.assist-rows .profile-dtls p.name-title {
    font-size: 16px;
    font-weight: 500;
    width: 138px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000000;
}
.assist-rows .profile-dtls p.post-title{
	font-size:14px;
}
.profile-wraper .prof-box-left{padding-right:10px;width:50%}
.profile-wraper .prof-box-right {
    width: 50%;
    text-align: right;
}
.prof-box-right .btn-prof {
    background-color: #702FFF;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 8px;
    margin-right: 8px;
}
.prof-box-right .btn-prof:hover{
	background-color:#702FFF !important;
	color:#ffffff !important;
}
.assist-rows .progress-container {
    background: #ffffff;
    box-shadow: 0px 0px 12px 4px #dddcdc;
    border-radius: 10px;
    overflow: hidden;
    height: 188px;
    padding: 15px;
}
.assist-rows .btn-wraper{
	margin-top:10px;
}
.stage-container {
    padding-right: 0px;
    margin-top: 20px;
}
.header-row{padding-left:0px}
.header-row h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 38px;
}

/* steps */
.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.multi-steps>li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #702fff;
	font-size:12px;
	word-break: keep-all;
}
.multi-steps>li:before {
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: #fff;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    position: relative;
    z-index: 1;
    border-width: 2px;
    border-style: solid;
    border-color: #702fff;
    border-radius: 5px;
}
.multi-steps>li:after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #702fff;
    position: absolute;
    top: 12px;
    left: 50%;
}
.multi-steps>li.is-active:before {
    background-color: #fff;
    border-color: #702fff;
}
.multi-steps>li.is-active:after, .multi-steps>li.is-active~li:after {
    background-color: #e3eaef;
}
.multi-steps>li.is-active:before, .multi-steps>li.is-active~li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 400;
}
.multi-steps>li.is-active~li:before {
    background-color: #e3eaef;
    border-color: #e3eaef;
}
.multi-steps li:last-child:after{display:none;}
/* steps */
.jobsummery-container .table-wraper {
    background: #ffffff;
    box-shadow: 0px 0px 12px 4px #dddcdc;
    border-radius: 10px;
    padding: 30px 20px 20px 20px;
}
.jobsummery-container .table-wraper .table{
	margin-bottom:15px;
}
.jobsummery-container .table-wraper .table tr th {
    vertical-align: middle !important;
    border-bottom: 0px;
	padding:15px 15px;
	white-space:nowrap;
}

.jobsummery-container .table-wraper .table tr th.side-th {
    width: 320px;
    font-size: 15px;
	font-weight:500;
}
.jobsummery-container .table-wraper .table td{
	font-size:14px;
	padding:15px 15px;
	vertical-align: middle;
	/*width:50%;*/
	text-align:left;
	white-space:nowrap;
}
.jobsummery-container .table-wraper .table .td-amt{
	padding-left:45px !important;
	width: 180px;
}
.heading-txt{
	margin-top:10px;
	margin-bottom:25px;
}
.heading-txt a {
    color: #000000;
}
.tooltip-btns{
	color:#000000;
}
.jobsummery-container .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e8e7eb;
}
.side-wraper ul {
    overflow: auto;
    height: 100%;
}
.cardbox-wraper{
	background: #ffffff;
    box-shadow: 0px 0px 12px 4px #dddcdc;
    border-radius: 10px;
    padding: 30px 20px 20px 20px 
}
.act-container{
	height: 380px;
    overflow: hidden;
}
.cardbox-wraper:hover .act-container{
	overflow-y:auto;
}
.activity-box {
    border-bottom: 1px solid #c9c7c7;
	margin-bottom:8px;
	padding-bottom: 10px;
}
.activity-box:last-child{margin-bottom:0px;}
.activity-box p {
    font-size: 13px;
    text-align: left;
}
.activity-box .act-work{
	margin-bottom:0px;
}
.activity-box .act-profile{
	width:50px;
	height:48px;
	background-color:#e8e7eb;
	color:#000000;
	text-align:center;
	padding:5px;
	border-radius:2px
}
.activity-box .act-profile p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 18px;
	color:#000000;
}
.activity-box .act-profile p.date {
    font-size: 16px;
    display: block;
    width: 100%;
    background: transparent;
    padding: 0px;
}
.activity-box .act-profile p.month{
	font-size:14px;
	text-transform:uppercase;
	color:grey;
}

.activity-box .act-content {
    width: calc(100% - 40px);
    padding-left: 6px;
}
.activity-box .act-time{
	font-size:10px;
	color:gery;
	text-align:left;
}

.chatbox-wraper .heading-txt {
    margin-top: 0px;
    padding: 0px 20px;
}
.chatbox-wraper .chat-header {
    border-bottom: 1px solid #b1aeae;
    padding-bottom: 8px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}
.chatbox-wraper .user-profile{
	width:60%;
}
.chatbox-wraper .search-cols {
    width: 40%;
    text-align: right;
}
.chatbox-wraper .search-cols .dropdown .btn {
    background: transparent;
    color: #000000;
    border: 0px;
}
.chatbox-wraper .search-cols .dropdown-menu{
	padding:8px;
}
.chatbox-wraper .search-cols .dropdown input{
	box-shadow:none;
	border:1px solid grey;
}
.chatbox-wraper .user-profile img{
	width:45px;
	height:45px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
.chatbox-wraper .user-profile .profile-title{
	margin-bottom:5px;
	font-weight:500;
}
.chatbox-wraper .user-profile .status-light {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #c9c5c5;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.chatbox-wraper .user-profile .profile-dtls{
	padding-left:15px;
}
.chatbox-wraper .chat-line{
	padding-top:15px;
	padding-bottom:15px;
}
.cardbox-wraper.chatbox-wraper.chat-conversation {
    padding-left: 0px;
    padding-right: 0px;
}
.chatbox-wraper .chat-platform{
	height: 202px;
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px 
}
/* width */
.scroll-line::-webkit-scrollbar {
  width: 5px;
  height:5px;
}

/* Track */
.scroll-line::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1aeae;
  border-radius: 0px;
}

/* Handle */
.scroll-line::-webkit-scrollbar-thumb {
  background: #b1aeae;
  border-radius: 0px;
}
.chatbox-wraper .chat-line .sender-profile img{
	width:35px;
	height:35px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
.chat-conversation .chat-day-title {
    position: relative;
    text-align: center;
    margin-bottom: 24px;
    border: none;
}
.chat-conversation .chat-day-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    background-color: #eff0f2;
    top: 16px;
}
.chat-conversation .chat-day-title .title {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 4px 16px;
    border-radius: 7px;
}
.chat-conversation .conversation-list {
    margin-bottom: 24px;
    position: relative;
    max-width: 85%;
}
.chat-conversation .avatar-sm {
    height: 30px;
    width: 30px;
	border-radius:50%;
	object-fit:cover;
	object-position:center;
}
.chat-conversation .conversation-list .ctext-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.chat-conversation .conversation-list .ctext-wrap-content {
    padding: 12px 20px;
    background-color: #3b76e1;
    border-radius: 0 8px 8px 8px;
    color: #fff;
    position: relative;
    margin-left: 10px;
}
.chat-conversation .conversation-list .ctext-wrap-content:before {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    border-right-color: #3b76e1;
    border-top-color: #3b76e1;
    left: -10px;
    top: 0;
}
.chat-conversation .conversation-list .conversation-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
}
.chat-conversation .conversation-list .conversation-name .time {
    font-size: 10px;
    position: absolute;
    right: -58px;
    bottom: 0;
    color: grey;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.chat-conversation .conversation-list:hover .time {
    opacity: 1;
}
.chat-conversation .conversation-list .dropdown .dropdown-toggle {
    font-size: 18px;
    padding: 4px;
    color: var(--bs-body-color);
}
.chat-conversation .conversation-list .dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 8px;
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0);
}
.chat-conversation .conversation-list .dropdown-menu{
	position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-64px, 30px);
}
.chat-conversation .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background-color: #f8f9fa;
    text-align: right;
    border-radius: 8px 0 8px 8px;
    color: rgba(40, 63, 92, 0.75);
    margin-left: 0;
    margin-right: 10px;
}
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content:before {
    border: 5px solid transparent;
    border-top-color: #eff0f2;
    border-left-color: #eff0f2;
    left: auto;
    right: -10px;
}
.chat-conversation .right .conversation-list .ctext-wrap .conversation-name {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.chat-conversation .right .conversation-list .ctext-wrap .conversation-name .time {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 0;
    margin-right: 8px;
    position: absolute;
    left: -58px;
    right: auto;
}
.chat-input-section {
    border-top: 1px solid #eff0f2;
}
.chat-input-section .chat-input {
    background-color: #f8f9fa !important;
    border-color: #eff0f2 !important;
	box-shadow: none;
}
.chat-conversation .flex-1 {
    width: calc(100% - 30px);
}
.chat-conversation .chat-input-wraper {
    padding: 20px 20px 0px 20px;
}
.chat-input-section .left-cols {
    width: 75%;
    text-align: center;
}
.chat-input-section .right-cols {
    width: 25%;
    text-align: right;
}
.docstab-section{
	margin-bottom:50px;
}
.docstab-section .docs-table{
	margin-top:20px;
}
.docstab-section .docs-table:hover{
	overflow-y:auto;
}
.docstab-section .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e8e7eb;
}
.docstab-section .docsform-wraper label{
	font-weight:600 !important;
}
.docstab-section .docsform-wraper .form-control {
    padding: 8px !important;
    width: 100% !important;
	height: 42px;
	border:1px solid #c9c7c7 !important;
	box-shadow:none;
}
.docstab-section .docsform-wraper .form-control:focus{
	box-shadow:none;
}
.docstab-section .docsform-wraper textarea {
    height: 100px !important;
}
.upld-section{
	margin-bottom:25px;
}
.docs-table .table .table-header{
	background-color:#504f52 !important;
	color:#ffffff;
}
.docs-table .table th {
    white-space: nowrap;
    font-size: 14px;
}
.docs-table .table td {
    white-space: nowrap;
    line-height: 18px;
	font-size:14px;
	vertical-align:middle;
}

.docs-table .table .txt-status {
    font-size: 13px;
    display: inline-block;
    font-weight: 500;
}
.docs-table .esign-table .unsign-txt {
    color: red;
}
.docs-table .esign-table .unsign-txt a {
    color: red;
}
.docs-table .btn-wraper .btn {
    padding: 5px;
    font-size: 13px;
    margin-right: 8px;
    background-color: #702FFF;
	color:#ffffff;
}
.docs-table .btn-wraper .btn:hover{
	background-color: #702FFF !important;
	color:#ffffff !important;
}
.docs-table .esign-tbltd .span-txt {
    background-color: green !important;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
	white-space:nowrap;
}
.docs-table .esign-tbltd .span-txt.green{
	background-color: #d8f5d8;
    color: green;
}
.docs-table .esign-tbltd .btn {
    padding: 8px 15px;
    font-size: 13px;
    margin-right: 8px;
    background-color: #504f52;
    color: #ffffff;
}
.docs-table .esign-tbltd .btn:hover {
	background-color: #504f52 !important;
	color:#ffffff !important;
}
.docs-table .table .filetype-colm select {
    width: 150px !important;
    height: 38px;
    padding: 8px 8px !important;
    line-height: 12px;
	font-size:13px;
}
.docs-table .table textarea.form-control {
    height: 38px !important;
}
.docstab-section .docsform-wraper .filename-input{
	width:200px !important;
	height:38px;
}
.docs-table .table .btn {
    padding: 4px 8px;
    font-size: 13px;
    margin-right: 8px;
    background-color: #504f52;
    color: #ffffff;
}
.docs-table .table .btn:hover{
	background-color: #504f52 !important;
    color: #ffffff !important;
}
.docs-table .table td.tdfile-name{
	white-space:wrap;
	width: 240px;
}
.terms-popup .modal-header{display:block !important;}
.terms-popup .modal-title{font-weight:600;color:#000000;}
.terms-popup .modal-body{
	height:450px;
	overflow:auto;
}
.terms-popup .btn-accept{
	background-color:#702fff;
	color:#ffffff;
	border:0px;
}
.terms-popup .btn-accept:hover{
	background-color:#4411b5 !important;
	color:#ffffff !important;
}
.terms-popup .btn-accept:focus{
	background-color:#4411b5 !important;
	color:#ffffff !important;
}
.uploadfile-container{
	height:auto;
}
.uploadfile-container input[type="file"] {
    display: none;
}
.uploadfile-container .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px 22px;
    cursor: pointer;
    background-color: #702FFF !important;
    color: #ffffff;
    width: 100px;
    border-radius: 5px;
    font-size: 14px;
	line-height:20px;
}
.uploadfile-container .uploadfile-box{
	border:1px solid #c9c7c7;
	padding:15px;
	text-align:center;
	border-radius:15px;
	height:392px;;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.uploadfile-container .uploadfile-box .btn-send {
    background-color: #702FFF !important;
    color: #ffffff;
    padding: 8px 20px;
    width: 98px;
    font-size: 14px;
}
.uploadfile-box .img-wraper{
	margin-bottom:20px;
}
.uploadfile-box .img-wraper img{max-width:68px;}
.uploadfile-container .limit-text{color:#000000;font-size:12px;margin-top:10px; margin-bottom:0px; font-weight:500;}
.uploadfile-container .success-msgs {
    background-color: #d8f5d8;
    color: green;
    font-size: 12px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}
.ui-button {
    background-color: #702FFF;
    color: #FFFFFF;
    font-size: 14px !important;
    border-radius: 5px !important;
    font-weight: 500 !important;
    padding: 10px 25px !important;
}
.ui-button:hover{
	background-color: #511bc7 !important;
    color: #FFFFFF !important;
}
.ui-button:focus{
	background-color: #511bc7 !important;
    color: #FFFFFF !important;
}
.kyc-box .sm-heading{
	margin-top:0px;
	margin-bottom:15px;
	font-weight:600;
	font-size:18px;
}
.kyc-box textarea{
	height:296px !important;
}
.kyc-box .form-control[disabled], .kyc-box .form-control[readonly], .kyc-box fieldset[disabled] .form-control {
    background-color: #e8e7eb;
    opacity: 1;
}
.kyc-box .kyc-detail{
	height:296px;
	overflow:hidden;
}
.kyc-box .kyc-detail:hover{
	overflow:auto;
}
.kyc-detail.scroll-line ul {
    padding-left: 30px;
}
.popup-modalbox .modal-title{
	margin-bottom:0px;
}
.popup-modalbox .modal-dialog{
    margin-top:120px;	
}
.popup-modalbox .btn{
	font-size: 14px;
    border: 0px;
    padding: 10px 15px;
}
.popup-modalbox .btn-cancel {
    background-color: #ff5b83;
    color: #ffffff;
}
.popup-modalbox .btn-cancel:hover {
    background-color: #ff5b83 !important;
    color: #ffffff !important;
}
.popup-modalbox .btn-confirm {
    background-color: #702FFF;
    color: #ffffff;
}
.popup-modalbox .btn-confirm:hover {
    background-color: #511bc7 !important;
    color: #ffffff !important;
}
.popup-modalbox .msg-title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 34px;
    margin-top: 24px;
}
.popup-modalbox .cross-btn {
    margin-left: auto;
    float: right;
    background-color: transparent;
    border: 0px;
    font-size: 24px;
    width: 25px;
    line-height: 20px;
}
.modal-footer.text-center{text-align:center !important;}
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    text-align: center;
    background-color: #ff5b83;
    z-index: 100;
    border-radius: 2px;
    color: #fff;
    z-index: 99999;
}
a.scrollup .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.scrollup:hover .fa{
	color:#ffffff;
}
@media only screen and (max-width : 992px){
	.profile-wraper .prof-box-left {
		padding-right: 10px;
		width: 100%;
    }
	.assist-rows .profile-wraper {
       flex-wrap:wrap;
    }
	.assist-rows .btn-wraper {
       margin-top: 10px;
       text-align: left;
    }
	.assist-rows .progress-container {
       height: 224px;
   
    }
	h3#chat-line {
		margin-top: 40px;
	}
}
@media only screen and (max-width : 767px) {
	.heading-wraper {
		flex-wrap: wrap;
		justify-content: center;
    }
	.heading-wraper .heading-h {
		margin-bottom: 20px;
    }
	.heading-wraper .status-dropdown {
		margin-left: auto;
		float: none;
		margin-right: auto;
    }
	.quest-section .side-wraper{
		margin-bottom:20px;
		height: auto;
	}
	.side-wraper ul {
       overflow: auto;
       height: auto;
    }
	.tab-content .header-row h4{
	    display:none;
    }
	
	.assist-rows .progress-container {
       height: auto;
       margin-top: 25px;
    }
	.quest-section .tab-content{
		height:auto;
		overflow: visible;
	}
	.quest-section .tab-content .tab-pane {
       height: auto;
       overflow: visible;
    }
	
	.uploadfile-container {
        margin-top:30px;
		margin-bottom:30px;
    }
	.heading-txt{
		font-size:18px;
	}
	.heading-txt.nxt-h{
		margin-top:40px;
	}
	
}
@media only screen and (max-width : 575px){
	.stage-container .steps {
      overflow: auto;
    }
	.multi-steps {
      width: 500px;
      overflow: auto;
    }
}
/* test css */
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
}

/*#sidebar-navs {
    width: 250px;
    position: fixed;
    top: 68px;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #ffffff;
    color: #fff;
    transition: all 0.3s;
	box-shadow:0px 20px 10px 0px #e9ecef;
}*/
#sidebar-navs{
	display:none;
}

#sidebar-navs.active {
    margin-left: -250px;
	/*margin-left: 0px;*/
}

#sidebar-navs .sidebar-header {
    padding: 20px;
    background: #430db9;
	display:none;
}

#sidebar-navs ul.components {
    padding: 0px 0;
    padding: 0px 0;
	margin-top:20px;
}

#sidebar-navs ul p {
    color: #fff;
    padding: 10px;
}
#sidebar-navs ul li a .fa{
	margin-right:8px;
	color:#78797b;
	width:16px;
}
#sidebar-navs ul li .fa-angle-right {
    margin-left: auto;
	margin-right:0px;
    float: right;
    position: relative;
    top: 2px;
}
#sidebar-navs ul li{
	/*border-bottom:1px solid #cdcbcb;*/
}
#sidebar-navs ul li a {
    padding: 12px 10px 12px 20px;
    font-size: 15px;
    display: block;
	color:#000000;
	font-weight:400;
}

#sidebar-navs ul li a:hover {
    color: #702fff;
}
#sidebar-navs ul li a:hover .fa {
    color: #702fff;
}
#sidebar-navs ul li.active a .fa{
	color:#702fff;
}
/*#sidebar-navs ul li a.dropdown-toggle.collapsed .fa{
	transform: rotate(0deg);
}*/
#sidebar-navs ul li a[aria-expanded="true"] .fa-angle-right{
	transform: rotate(90deg);
}
#sidebar-navs ul li.active>a,
a[aria-expanded="true"] {
    color: #702fff;
    /*background: #7976ff;*/
}

a[data-toggle="collapse"] {
    position: relative;
}
#sidebar-navs .submenu-ul li{
	border-bottom:0px;
}
#sidebar-navs .submenu-ul li a{
	padding-left:35px;
	padding-top:8px;
	padding-bottom:8px;
}
#sidebar-navs .submenu-ul li a .fa{
	color:#78797b !important;
}
#sidebar-navs .submenu-ul li a:hover .fa {
    color: #7976ff !important;
}
.sidebar-navs .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar-navs ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

.sidebar-navs a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
button#sidebarbtn {
    background-color: #702fff;
    bordre: 0;
    border: 0;
	display:none;
}
.adminflex-wraper{
	position:relative;
}
/*.shift-container {
    margin-top: 90px;
    position: absolute;
    width: 100% !important;
    right: 0;
    max-width: calc(100% - 260px);
}*/
.shift-container {
    margin-top: 90px;
    position: static;
    width: 100% !important;
    right: 0;
	left: 0;
    /*max-width: 80%;*/
}
.shift-container.active {
    left: 0;
    width: 100%;
}
nav.navfixed-top {
    position: fixed;
    width: 100%;
	z-index:9;
}
.navfixed-top .container-fluid {
    padding: 12px 20px;
    width: 100%;
}
@media only screen and (max-width : 992px){
	/*button#sidebarbtn {
		display:block;
	}*/
	button#sidebarbtn {
        display: none;
     }
	#sidebar-navs{
		margin-left:-250px;
	}
	.shift-container {
		width: 100% !important;
		right: 0;
		left: 0;
		max-width: 100%;
    }
	#sidebar-navs.active {
		margin-left: 0px;
    }
}
/* invoice page style code */
.invoicepage-container .filter-wraper {
    margin: 0px 0 40px;
    justify-content: center;
}
.invoicepage-container .filter-wraper label {
    font-size: 15px;
    margin-right: 10px;
	margin-bottom:0px;
    font-weight: 500;
}
.filter-wraper input[type="date"] {
    font-size: 14px;
    padding: 7px !important;
    width: fit-content;
}
input#from_date, input#frm_date, input#inv_date {
    margin-right: 20px;
}
button.download-csv {
    border: unset;
    padding: 5px 18px;
    border-radius: 20px;
    font-size: 15px;
    color: #fff;
    background: #702fff;
    float: right;
}
.filter-wraper input[type="submit"] {
    border: unset;
    padding: 6px 15px;
    border-radius: 4px;
    margin-left: 10px;
    background-color: #702fff;
    color: #fff;
    font-size: 14px;
}
.filter-wraper .filter-date{
	align-items:center;
}
.page-table-wraper .table-heading{
	font-size:18px;
	font-weight:600;
	margin-bottom:20px;
}
.page-table .badge-danger {
    border: 1px solid #f83e37;
    color: #f83e37;
	background:transparent;
}
.page-table.table tr td{
	vertical-align:middle;
}
.page-table.table tr td .act-btns {
    color: #ffffff;
    background-color: #702fff;
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 5px;
}
@media only screen and (max-width:767px){
.filter-wraper .filter-date {
    display: grid;
}
.filter-wraper input[type="date"]{
	margin-bottom:10px;
}
.filter-wraper input[type="submit"] {
    margin-left: 0px;
    width: 112px;
    margin-top: 10px;
}
.filter-wraper button.download-csv{
	margin-top:30px;
}
}
/* invoice page style code */
/* security page style code */
.security-container {
    max-width: 660px;
    padding-right: 100px !important;
}
/*.security-container .img-wraper{
	text-align:center;
}*/
.lg-heading{
	font-size:18px;
	font-weight:600;
	margin-bottom:25px;
}
.form-container .form-control {
    height: 45px;
    background-color: #ffffff !important;
    border: 1px solid #c7c4c4 !important;
    box-shadow: none;
    background-image: none !important;
}
.btn.btn-local{
	background-color:#702fff;
	color:#ffffff;
	font-size:14px;
	padding:10px 15px !important;
}
.btn.btn-local:hover{
	background-color:#702fff;
	color:#ffffff;
}
.form-container .btn-wraper{
	margin-top:34px;
}
@media only screen and (max-width:767px){
.security-container {
    max-width: 100%;
    padding-right: 20px !important;
}
}
/* security page style code */
/* notification btn style */
.notification-libtn{
    padding-left:25px;
    padding-right:25px;
}
.notification-libtn li{
    border-bottom:1px solid #e9e7e7;
}
.notification-libtn li:last-child{
    border-bottom:0px;
}
.notification-libtn .btn.dropdown-toggle {
    margin-left: 0px !important;
    background-color: transparent !important;
    color: #727171 !important;
    padding: 0px 0px !important;
    font-size: 14px;
    height: 32px;
    display: flex;
    align-items: center;
}
.notification-libtn .btn.dropdown-toggle .fa{
    margin-left:0px !important;
}
.notification-libtn .dropdown-menu .notif-tite{
    font-weight:500;
    font-size:12px;
}
.notification-libtn .dropdown-menu .notif-text{
    font-weight:300;
    color:#9d9999;
    font-size:12px;
}
.notification-libtn .dropdown-menu{
    height:196px;
    overflow-y:hidden;
	width: 100%;
    min-width: 232px;
	white-space:wrap;
}
.notification-libtn .dropdown-menu li a{
	white-space:wrap;
}
.notification-libtn .dropdown-menu:hover{
    overflow-y:auto;
}
/* width */
.notification-libtn .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.notification-libtn .dropdown-menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #e3e2e2;
  border-radius: 0px;
}

/* Handle */
.notification-libtn .dropdown-menu::-webkit-scrollbar-thumb {
  background: #c6c6c6;
  border-radius: 0px;
}
.message-btnli{
    background:none !important;
    border-radius:0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.message-btnli .btn.btn-msgs {
    margin-left: 0px !important;
    background-color: #f9e3e9 !important;
    color: #ff5b83 !important;
    padding: 8px 8px !important;
    font-size: 14px;
    height: 32px;
    display: flex;
    justify-content:center;
}
@media only screen and (max-width:767px){
    .notification-libtn{
        display:block !important;
    }
}
/* notification btn style */
.toppage-space{
	padding-top:106px;
}
/* dashboard header */
.dashtop-header{
	align-items:center;
}
.dashtop-header h3{
	margin-top:0px;
}
.dashtop-header .verification-container{
	margin-left:auto;
	background:transparent;
}
.dashtop-header .verification-button{
	margin-top:0px;
}
.dashtop-header .verification-info{
	padding:0px;
}
@media only screen and (max-width:992px){
.dashtop-header {
    margin-top: 40px;
}
}
@media only screen and (max-width:767px){
.dashtop-header{
	flex-wrap:wrap;
}
.dashtop-header h3 {
    margin-top: 0px;
    width: 100%;
}
.dashtop-header .verification-container {
    margin-left: 0;
}
}

/* customer docs page style */
/* docs page */
.signdocs-wraper .docs-heading {
    margin-bottom: 25px;
    border-bottom: 1px solid #d3d2d2;
    padding-bottom: 10px;
}
.signdocs-wraper .docs-heading span {
    margin-left: auto;
    font-size: 14px;
}
.whtcard-wraper {
    background: #ffffff;
    box-shadow: 0px 0px 12px 4px #dddcdc;
    border-radius: 10px;
    padding: 30px 20px 20px 20px;
}
.signdocs-wraper .docs-textpad{
    margin-bottom:40px;
}

#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}
#sig-submitBtn{
    background-color: #702FFF;
    color: #ffffff;
    font-size:14px;
}
.signature-component .btn{
    font-size:14px;
}
/* customer docs page style */
/* for responsive header message and notification */
.mobile-message-link{
	display:none;
}
@media only screen and (max-width:767px){
	.mobile-message-link{
		display:block;
	}
}
/* for responsive header message and notification */



/*******25-july-24 sk********/

.quest-section .nav-pills>li>a:empty {     padding: 0px;     border: none; }

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}


/******customer-answers css********/
.card.carddesign{     border: 1px solid #d8e0ec;     border-radius: 15px; 	background-color: #fff; 	    margin-bottom: 40px; 	    margin-top: 20px; }
.card.carddesign .card-body{     padding: 1.8rem 1.875rem; }
.scroll-navmenu.nav li a {     font-size: 14px;     font-weight: 500;     color: #000000;     padding: 6px 15px;     border-radius: 5px;     text-decoration: underline !important; 	    background-color: transparent !important; }
.sticky_card_nav .scroll-navmenu>li {     margin-right: 24px; }
.scroll-navmenu li.active a, .scroll-navmenu li a.active {     color: #702fff; }
.property_fixed {     position: fixed;     top: 66px;     margin-top: 0;     z-index:2;     min-width: unset !important; width: 78%;     left: 0;     right: 0;     margin: 0 auto;}
a#topbtn {     display: inline-block;     background-color: #702ffe;     width: 50px;     height: 50px;     text-align: center;     border-radius: 100%;     position: fixed;     bottom: 20px;     right: 10px;     transition: background-color .3s, opacity .5s, visibility .5s;     z-index: 1000;     cursor: pointer; }
#topbtn:after {     content: "\f077";     font-family: FontAwesome;     font-weight: normal;     font-style: normal;     font-size: 20px;     line-height: 47px;     color: #fff; }
 .sticky_card_nav.carddesign {     margin-top: 0; }

.scroll-navmenu.nav .schedule_TopBTN a {     text-decoration: none !important;     color: #ff5b83; 	 }
.scroll-navmenu.nav .schedule_TopBTN a  span { 	background-image: linear-gradient(to right, #4100cf, #ff5b83, #4100cf);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     animation: sclaspan 150s linear infinite;     font-weight: 600; }
@keyframes sclaspan {   to {     background-position: 4500vh;   } }
.scroll-navmenu.nav .schedule_TopBTN a i{ -webkit-animation: wiggle 2s infinite; 	-moz-animation: wiggle 2s infinite; 	animation: wiggle 2s infinite; 	    margin-right: 4px; }
@-webkit-keyframes shine {   from {     -webkit-mask-position: 150%;   }     to {     -webkit-mask-position: -50%;   } }

/* safari and chrome */
@-webkit-keyframes wiggle {
	0% {-webkit-transform:rotate(15deg);}
	50% {-webkit-transform:rotate(-15deg);}
	100% {-webkit-transform:rotate(15deg);}
}
 
/* firefox */
@-moz-keyframes wiggle {
	0% {-moz-transform:rotate(15deg);}
	50% {-moz-transform:rotate(-15deg);}
	100% {-moz-transform:rotate(15deg);}
}
 
/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
	0% {transform:rotate(15deg);}
	50% {transform:rotate(-15deg);}
	100% {transform:rotate(15deg);}
}


.bookinggImg>img {     width: 260px;     max-width: 100%; }
.consultation_modal  a.fill-btn {     display: inline-block;     margin-top: 30px;     width: 150px;     padding: 10px 20px;     max-width: 100%; }
.consultation_modal .modal-dialog .modal-content {     width: 100%; background-color: #edf4ff;}
.consultation_modal  .consultt_txtt {     display: flex;     flex-wrap: wrap; align-items: center; padding: 10px 0px;}
.bookinggImg {     width: 40%; }
.bookinggContent {     width: 60%; padding-left: 20px;}
.bookinggContent  .bookg_price {     font-size: 18px;     color: #717171; margin-top: 20px;}
.bookinggContent .bookg_price span {     font-size: 28px;     font-weight: 500;     color: #ff406e; }

.tooltip.custom_tooltip {     z-index: 1; }  
.custom_tooltip.tooltip .tooltiptext {     visibility: hidden;     width: max-content;     max-width: 320px;     border: 1px solid #000;     color: #000;     text-align: center;     border-radius: 0;     padding: 2px 10px;     position: absolute;     z-index: 1;     background: #fff;     font-size: 11px; left: 25px;}
.custom_tooltip.tooltip {   color: #333;  opacity: 1;     position: unset;     display: inline-block; position: relative;}
.custom_tooltip.tooltip:hover .tooltiptext {     visibility: visible; }

/******\\customer-answers css********/



/****Calling popup start*****/

.cutom_modl .modal-dialog {     height: 100%;     margin: 0 auto;     display: flex;     align-items: center;     justify-content: center; }
.cutom_modl button.btn-close {     position: absolute;     right: 9px;     top: 9px;     background-size: 14px;  font-size: 30px;     border: none;     line-height: 20px;     padding: 0;     opacity: 0.5;     background: transparent;}
.cutom_modl .modal-title {     width: 100%;     color: #702fff;     font-size: 22px; }
.cutom_modl  .modal-content {     padding: 22px; }
.cutom_modl  .modal-footer {     justify-content: center;     padding: 0px;     border-top: 1px solid #e7e7e7 !important;     padding-top: 20px !important; }
.cutom_modl .modal-footer button {     min-width: 130px;     margin: 0px 10px;     background-color: #787878;     border: 1px solid #787878;     font-weight: 500;     color: #ffffff; transition:0.3s ease-in-out;}
div.modal-backdrop {     background-color: #000000c9; }
.cutom_modl  .modal-header {     padding: 0; }
.cutom_modl .modal-footer.text-center {     margin-top: 0; }
.cutom_modl#ErrorModall .modal-title ,.error_boxmodal .modal-title{     color: #000;     padding-bottom: 10px; }
.cutom_modl#ErrorModall p#time-remaining ,.error_boxmodal .modal-body{     font-size: 16px; }
.cutom_modl .modal-body,.error_boxmodal .modal-body {    font-family: Poppins, sans-serif !important; padding: 15px !important;}

 
/******schedule call update*******/

.video_profll>img {     width: 60px;     height: 60px;     object-fit: cover;     border-radius: 100%; }
.calling_pop {     display: flex;     flex-wrap: wrap; }
.schedulecallModal  button.btn-close {     position: absolute;     right: 8px;     top: 8px;     background-size: 14px;     z-index: 1;     font-size: 30px;     border: none;     line-height: 20px;     padding: 0;     opacity: 0.5; }
.schedulecallModal .modal-body {     padding: 0px 30px; box-shadow: inset 0px 0px 6px 6px #e3ddf1; -webkit-box-shadow: inset 0px 0px 6px 6px #e3ddf1;}
.schedulecallModal .modal-content {     border-radius: 10px;     overflow: hidden; }
.video_prof_name {     font-weight: 500; margin: 6px 0px;}
.video_namess {     font-size: 25px;     margin: 5px 0px;     font-weight: 500;     color: #707070; }
.video_time {     color: #818181;     font-weight: 500; }
.video_detaills {     margin-top: 15px;     font-size: 14px;     color: #626262; }
.video_detaills ul {     padding-left: 15px; }
.video_detaills ul>li {     margin: 6px 0px; }
.calling_id_detail {      width: 50%; padding: 40px 20px 40px 0;     border-right: 1px solid #dfdfdf; }
.calling_schedule_right {     width: 50%;     padding: 24px 0px 30px 20px; }
.callschedule_inr .titl {     font-size: 18px; }
.schedule_calndr {     width:100%;     padding-right: 0px;  flex:auto;   display: flex;     flex-direction: column;     justify-content: space-between;}
.schedule_time {     width: 0;     opacity: 0;     margin-right: -0px; }
.Cshedule_flex {     display: flex;  flex-wrap:wrap;   margin-top: 30px; }
.timeslots_list {     height: 350px;   min-height: 350px;  overflow-y: auto;     padding-right: 10px; overflow-x: hidden;}
.schedule_time .time_titl {     font-size: 16px;     font-weight: 400; margin-bottom: 20px;     min-width: max-content;     max-width: 100%;     margin-top: 0;}
.time_buttonss .timeBTN {       width: 100%;  border: 1px solid #702fff6b;     padding: 8px 10px;     text-align: center;     display: inline-block;    border-radius: 4px;     cursor: pointer;     flex: auto;     transition: 0.3s ease-in-out; }
.time_buttonss {     margin-bottom: 8px;     display: flex;     justify-content: space-between; }
.ConfimtimeBTN {     background-color:#FF547E;     border: 1px solid #FF547E;     color: #fff;     border-radius: 4px;     padding: 5px 10px;     width: 49%;     margin-left: 0; margin-right: -92px;     opacity: 0;     transition: 0.3s ease-in-out;}
.ConfimtimeBTN:hover {     background-color:#fff; color: #FF547E; }
.time_buttonss .timeBTN:hover {     border-color: #702fff; }
.timeZone_select {     border: none !important;     outline: none;     box-shadow: none;         font-size: 14px;     padding: 0px !important;  padding-left: 15px !important;     width: max-content !important;     max-width: 100%;}
.timeZone_select {     position: relative; }
.timeZone_select:before {     content: "\f0ac";     font-family: 'FontAwesome';     position: absolute; left: 0;}
.time_toggle .timeBTN {     background-color: #702fff;     color: #fff; }
.time_buttonss.time_toggle button.ConfimtimeBTN {     width: 49%;     margin-right: 0px;     opacity: 1;     margin-left: 5px; }
.time_buttonss.time_toggle .timeBTN {     width: 49%; }
.calling_pop * {     transition: 0.3s ease-in-out;   font-family: Poppins, sans-serif;}
.calling_pop {     display: flex;     flex-wrap: wrap; }
.scheduleModal_Open .calling_id_detail {     width: 36%; }
.scheduleModal_Open  .calling_schedule_right {     width: 64%; }
.scheduleModal_Open .schedule_calndr {     width: 60%; padding-right: 25px;}
.scheduleModal_Open .schedule_time {     width: 40%;     margin-right: 0px;     opacity: 1; }
.timeslots_list::-webkit-scrollbar {   width: 5px;   border-radius:10px;   }
.timeslots_list::-webkit-scrollbar-track {   background: #f1f1f1; }
.timeslots_list::-webkit-scrollbar-thumb {   background: #9f9f9f; }
.timeslots_list::-webkit-scrollbar-thumb:hover {   background:#9f9f9f; }

/** calendar **/
.calendar.calendar_custom p.bgText {     display: none; }
.calendar_custom.calendar {   position: relative; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-highlight {     background-color: transparent;     color: #666;    line-height: 28px; }
.calendar_custom.calendar .ui-datepicker {   display: inline-block; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-calendar {   margin: auto;   width: 100%;   padding: 0;  background-color: #f5f5f5;}
.calendar_custom.calendar .ui-datepicker .ui-datepicker-calendar a {   text-decoration: none;     width: 30px;     display: inline-block;     height: 30px;     color: #666; line-height: 28px; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-calendar .ui-state-active, .calendar_custom.calendar .ui-datepicker .ui-datepicker-calendar a.ui-state-default:hover{     background-color: #702fff;     border-radius: 100%;     width: 30px;     display: inline-block;     height: 30px;     color: #fff;     text-align: center;     line-height: 28px; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-header {       font-size: 15px;  color: #333;     margin-bottom: 18px; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-prev {     position: absolute;     right: 30px; cursor:pointer;}
.calendar_custom.calendar .ui-datepicker .ui-datepicker-next {     position: absolute;     right:0px;  cursor:pointer;}
.calendar.calendar_custom .currentDateDisplay {     display: none; }
.calendar_custom.calendar .ui-datepicker .ui-datepicker-next i, .calendar_custom.calendar .ui-datepicker .ui-datepicker-prev i {     color: #7a7a7a;     font-size: 17px;}
.calendar_custom.calendar .ui-datepicker .ui-datepicker-next:hover i, .calendar_custom.calendar .ui-datepicker .ui-datepicker-prev:hover i {     color: #702fff; }
.calendar_custom.calendar table tr th, .calendar_custom.calendar table tr td {     text-align: center;     padding: 5px 0px;}
.calendar_custom.calendar table tr th {     font-weight: 400;     font-size: 14px;}

/** calendar **/

.SuccessModall  .modal-content {     background-color:#fff; }
.SuccessModall .success_imge {     width: 70px;     margin: 0 auto; }
.SuccessModall .sucess_txtt {     margin-top: 10px; }
.SuccessModall .sucess_txtt h3 {     margin-bottom: 22px;     margin-top: 8px;}
.SuccessModall .sucess_txtt p {     color: #666666; line-height:20px;     font-size: 15px;     margin-top: 8px;}
.SuccessModall .sucess_txtt p:last-child {  margin-bottom:0px;}
.SuccessModall .sucess_txtt p span {     font-weight: 500;     color: #333;     font-size: 18px;}
.success_profimge img {     width: 68px;     height: 68px;     border-radius: 100%;     object-fit: cover; }
.SuccessModall .sucess_txtt h3:first-child {     margin-bottom: 10px; }
.success_msglist {     text-align: left;     margin-top: 30px;     padding: 0px 25px;
}
.success_msglist .scss_li {     display: flex;     align-items: baseline;     margin: 8px 0px; }
.success_msglist .scss_li i {     margin-right: 8px; }
.success_msglist .scss_li a {    color: #702fff;     word-break: break-all;}


.calling_confirme h3 {     text-align: center;     margin-bottom: 15px;     font-size: 24px;     text-transform: capitalize;   padding-bottom: 15px; margin-top: 0;}
.checkboxx.form_boxe {     margin-bottom: 30px; }
.checkboxx.form_boxe .checkINPUT {     display: flex;     align-items: baseline;     margin-bottom: 8px;}
.checkboxx.form_boxe .checkINPUT input[type="checkbox"] {     margin-right: 8px !important;     width: 15px;     height: 15px;     position: relative;     top: 4px;     border: 1px solid #c5c5c5; }
.checkboxx.form_boxe input[type="checkbox"] {     margin-right: 6px !important;     width: 13px;     height: 13px;     position: relative;     top: 2px;     border: 1px solid #c5c5c5; }
.calling_conf_form textarea {        font-family: Poppins, sans-serif;  width: 100%;     padding: 10px 15px;     border-radius: 4px;     border: 1px solid #dfdfdf;     height: 110px;     background-color: #e9e9e9; }
.form_boxe.meetCnfrm_btn {     text-align: center;     margin-top: 20px; }
.form_boxe.meetCnfrm_btn button {     background: linear-gradient(98.62deg, #FF6F93 -6.79%, #FF3E6D 85.86%);     color: #fff !important;     border-radius: 5px;     transition: all .5s ease;     border: 1px solid #ff3e6d;     padding: 8px 15px; }
.form_boxe.meetCnfrm_btn button:hover {     background: #fff;     color: #FF3E6D !important; }
.calling_conf_form textarea:focus {     border-color: #702fff5e !important;     outline: none !important; }
.checkTitle h4 {     font-size: 17px;     margin-bottom: 15px;     font-weight: 600;}
.checkTitle {     border-top: 1px solid #dac9ff;     padding-top: 20px;     margin-top: 20px; }
.back_btn_sch {        font-family: Poppins, sans-serif !important;  padding: 0px 12px;     border-radius: 4px;     color: #666 !important;     position: absolute;     bottom: 0;     left: 0;     font-size: 16px;     font-weight: 500; cursor:pointer;}
.back_btn_sch:hover{color:#702fff !important;}
.ConfirmModall  .modal-body {     padding-top: 5px; }

.fill-btn {     background: linear-gradient(98.62deg, #FF6F93 -6.79%, #FF3E6D 85.86%);     color: #fff !important;     border-radius: 5px;     transition: all .5s ease;     border: 1px solid #ff3e6d;     padding: 8px 20px;     text-transform: capitalize;     text-decoration: none !important; }
 .fill-btn:hover {     background: #fff;     color: #FF3E6D !important;     border: 1px solid #FF3E6D;     transition: all .5s ease; }

#joinMeetingModal .modal-title {     text-align: center;     font-size: 20px;     font-weight: 600; }
#joinMeetingModal button.btn-close {     position: absolute;     right: 8px;     top: 8px;     background-size: 14px;     z-index: 1;     font-size: 30px;     border: none;     line-height: 20px;     padding: 0;     opacity: 0.5; }
#joinMeetingModal button[type="submit"] {     display: block;     margin: 0 auto;     margin-top: 25px;     background-color: #FF547E;     border: 1px solid #FF547E;     color: #fff;     border-radius: 4px;     padding: 7px 20px; 	transition: 0.3s ease-in-out; }
#joinMeetingModal button[type="submit"]:hover {     background-color: #fff !important;     color: #FF547E !important;     opacity: 1 !important; }
#joinMeetingModal form {     padding: 20px;     margin-bottom: 0; }
#joinMeetingModal form label {     font-weight: 600 !important;     color: #838383; }

@media (min-width: 576px) {
	.schedulecallModal  .modal-dialog {     max-width: 750px;    width: 100%;  height: 100%;     margin: 0 auto;     display: flex;     align-items: center;     justify-content: center;  transition: 0.3s ease-in-out;}
	.schedulecallModal.scheduleModal_Open .modal-dialog {     max-width: 900px;  width: 100%;}
	
	.SuccessModall  .modal-dialog {     max-width: 620px;   width: 100%;}
	.ConfirmModall  .modal-dialog {     max-width: 600px;   width: 100%;}
}

/******\\schedule call update*******/


/****\\Calling popup end*****/



/******table css start******/

.title_mains {     margin-bottom: 30px;     font-weight: 600;     font-size: 24px; }
.actn_btndesign {     background-color: #702FFF !important;     margin: 0 auto;     border: 1px solid #702FFF !important;     color: #ffffff !important;     font-family: "Figtree", sans-serif;     width: 110px;     max-width: 100%;     padding: 4px !important;     font-size: 16px !important;     transition: 0.3s ease-in-out; }
.actn_btndesign:hover,.actn_btndesign:focus,.actn_btndesign:visited {    outline:none !important; box-shadow:none !important; background-color: #fff !important;     color: #702FFF !important; }
.table_design_custom tr td {     vertical-align: middle;  padding:8px 15px !important; }
.table_design_custom tr th {     background-color: #8d8d8d;     color: #fff;     padding:9px 15px !important;     font-weight: 400; }
.table_design_custom table {     border-radius: 10px; }
.table_design_custom tr th:last-child, .table_design_custom tr td:last-child {   text-align: center;       justify-content: center;  padding: 6px 20px; }
.table_design_custom table {     width: 100%;   max-width: 100%;     margin: 0 auto;  }
.actn_btndesign  i {     font-size: 14px; }
.table_design_custom p {     text-align: center; }
.table_design_custom tr th {     border-bottom: 0px !important; }
.whiteboard-box {     background-color: #ffffff;     padding: 30px 20px;     box-shadow: 0px 4px 4px 0px #ECECEC;     border-radius: 6px; }
.table_design_custom tr th, .table_design_custom tr td {     border-color: #e7e7e7 !important; text-align: center;     vertical-align: middle !important;}
.table_design_custom tr th:first-child, .table_design_custom tr td:first-child {     min-width: 100px; }
.call_logs_box {     margin-top: 50px;     border-top: 1px solid #ededed;     padding-top: 20px; }
.table_design_custom table tr:nth-child(even) {     background-color: #e7e7e7 !important; }
.call_logs_box .table_design_custom tr th, .call_logs_box  .table_design_custom tr td {     padding: 14px 15px !important; }
.table_design_custom table.table-striped>tbody>tr:nth-of-type(odd)>* {     background-color: #7878780d; }

.table_design_custom .btn-danger.actn_btndesign {     background-color: #e75551 !important;     border-color: #e75551 !important;     color: #fff !important;     width: max-content;     padding-left: 10px !important;     padding-right: 10px !important;     margin-left: 0px; }
.table_design_custom .actn_btndesign {     margin: auto;     margin-left: 5px !important;     margin-right: 5px !important; }
.meeting_table.table_design_custom tr th:last-child, .meeting_table.table_design_custom tr td:last-child {     width: 260px; }

/******\\table css end******/


/******Video call page css start******/

.back_btnn {     border: 1px solid #c9c9c9;     border-radius: 4px;     padding: 1px 6px;     color: #333 !important;     text-decoration: none !important; }
.consultmeet_sec .title_mains{margin-top:10px;}
.consultmeet_sec .control-buttons button.fill-btn:hover{background-color:#fff !important; background:#fff !important;}
.consultmeet_sec .control-buttons button.fill-btn{border:1px solid #ff3e6d !important;     min-width: 130px;}
.consultmeet_sec .control-buttons button.fill-btn i {     margin-right: 5px; }
.consultmeet_sec #video-call-container {     max-height: 550px; }
 
/******\\Video call page css end******/

/******customer-review page start******/

.sticky_card_nav.carddesign {     margin-bottom: 20px; }
.upcomingmsg_box {     margin-top: 10px;     font-size: 13px;     padding: 6px 10px;     font-family: Poppins, sans-serif !important;     color: #767676;     font-weight: 400;     text-align: center;     background-color: #ebebeb;     margin-bottom: 30px;     border-radius: 6px; }
.upcomingmsg_box i {     position: relative;     top: -4px; 	    margin-right: 5px; }
.upcomingmsg_box .linkcolor{     font-size: 13px;     border-radius: 5px;     text-decoration: underline !important;     opacity: 1;     position: unset;     display: inline-block;     font-weight: 400;     color: #ff5b83; margin: 0px 3px;}

.link_Color{ color: #ff5b83;  text-decoration: underline !important;    }


.cutom_modl .modal-header, .cutom_modl .modal-footer {     border: none !important; }
.error_boxmodal.cutom_modl  .modal-body {     margin-top: 0 !important; }
.error_boxmodal.cutom_modl  .modal-footer {     padding-top: 0 !important; }
.text-warning.statuse {     color: #ffc107; }
.text-success.statuse {     color: #129f12; }
.statuse {     font-weight: 500; }
.error_boxmodal.cutom_modl .modal-body p{font-size:16px;}
.viewmeetg_btn a {     display: inline-block; }
.viewmeetg_btn {     margin-top: 30px; }

.thankyou_modlee .modal-content{background-image: url(/customer-design/Images/thankyou.gif);     background-position: top center;     background-repeat: no-repeat;     background-size: 60% ;}
.thankyou_modlee  .modal-body {     padding: 15px 0px !important; }

/******\\customer-review page end******/


/******customer-review page new start******/
.topbanner-wraper.custreview_topbanr {     margin-top: 0px;     margin-bottom: 20px; }
.reviewpg_sidebar {     border: 1px solid #DDDDDD;     border-radius: 10px;   background: #fff; max-width: 280px;     padding-bottom: 35px;}
.sideTab_innr{ padding: 30px 15px 15px; }
.reviewpg_sidebar .profile-img img {     border-radius: 100%;     width: 90px;     height: 90px;     object-fit: cover;     object-position: top; }
.reviewpg_sidebar .jobid-cols {     color: #727272; margin-bottom: 5px;}
.reviewpg_sidebar  .profile-dtls .name-title {     color: #333;     font-size: 16px;     font-weight: 500;     margin: 0 0 2px; }
.reviewpg_sidebar .profile-dtls .post-title {     color: #8E8E8E;     font-size: 14px; }
.reviewpg_sidebar .prof-baner .heading {     font-weight: 500;     color: #000;     margin-top: 18px; }
.reviewpg_mainsec .colm_pading{padding:15px !important;}
.revew_sidetabs {     margin: 35px 0px 0; }
.sidetab_title {     color: #000000;     font-size: 15px;     font-weight: 500;     font-family: Poppins, sans-serif !important; }
div.sidebar_colmn {     width:310px; }
div.contnt_colmn {     width: 71%; flex:auto; }
.revew_sidetabs ul.nav-tabs {     border: none;     margin-top: 30px; }
.revew_sidetabs ul.nav-tabs>li {     display: block;     float: none;     width: 100%; }
.revew_sidetabs ul.nav-tabs li>a {     padding: 10px 15px;     font-size: 16px;     color: #000000;     border: none; transition: 0.3s ease-in-out;}
.revew_sidetabs ul.nav-tabs li>a>img {     margin-right: 8px; }
.revew_sidetabs ul.nav-tabs li.active>a {     padding: 10px 15px;     background: #D4CBE9 !important;     border: none !important;     border-radius: 4px;     color: #000 !important;  opacity: 1 !important;}
.revew_sidetabs ul.nav-tabs li {     margin-bottom: 5px; }
.revew_sidetabs ul.nav-tabs li>a:hover {     border: none;     background: transparent;     opacity: 0.7; }
.schedule_TopBTN a {     background-image: linear-gradient(to right, #4100cf, #ff5b83, #4100cf);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     animation: sclaspan 150s linear infinite;     font-weight: 600;     font-size: 16px;}
.sidebarBottom {     padding: 15px;     border-top: 1px solid #EBEBEB;     border-bottom: 1px solid #EBEBEB; }
.rviewpg_ritecontnt .tab-content {     margin: 0px;     padding: 0px;     background-color: transparent;}
.revw_tabinnr .taxyearForm button#dropdown-toggle {     text-align: center; }
.rviewpg_ritecontnt .heading-wraper.taxyearForm {     position: relative;     top: -20px; }
.revw_tabinnr .progress-container .header-row h4 {     color: #333333;     font-size: 18px;     font-family: Poppins, sans-serif !important;     font-weight: 500; }
.revw_tabinnr .progress-container .stage-container {     margin-top: 50px; }
.revw_tabinnr .progress-container  .steps li {     font-family: Poppins, sans-serif !important;     line-height: 14px; }
.revw_tabinnr .progress-container .steps li:before {     margin-bottom: 8px;     border-width: 1px;     font-size: 14px;     width: 26px;     height: 26px;     line-height: 24px; }
 .rightdetail_summry {     margin-top: 55px; }
.rightdetail_summry .heading-txt {     font-size: 18px; color:#333333; font-weight: 500;}
.table_customerdesign table {     border-collapse: collapse;     border: 1px solid #DDDDDD; } 
.table_customerdesign table .title-th {     background-color: #A4A4A4 !important; }
.table_customerdesign table .title-th th {     color: #fff !important;     font-weight: 500 !important; }
.table_customerdesign tr th {     font-weight: 400;     color: #333; }
.table_customerdesign tr th, .table_customerdesign tr td {     border: none !important;     padding: 10px 14px !important;     color: #333 !important;     font-size: 15px;}
.reviewpg_sidebar {     height: 100%; }
.reviewpg_mainsec >.container.main-con>.customerpanel_row {     display: flex;   }
.rightdetail_summry .quest-section-detail ul.nav>li>a {     color: #868686;     font-size: 14px;     padding: 10px 14px; background: transparent !important;     border-radius: 0;   border-bottom: 2px solid transparent;}
.rightdetail_summry .quest-section-detail ul.nav>li {     margin-left: 0px; }
.rightdetail_summry .quest-section-detail ul.nav>li.active>a {     color: #702FFF;     border-bottom: 2px solid #702FFF; }
.table_customerdesign .table-striped>tbody>tr:nth-of-type(odd) {     background-color: #EBEBEB; }
.rightdetail_summry .quest-section-detail .side-wraper {     margin-bottom: 38px;     border-bottom: 1px solid #E9E9E9;     display: flex;     align-items: flex-end; }
.viewTabbutn {     background-color: #9F9F9F;     color: #fff !important;     border-radius: 4px;     min-width: max-content;     padding: 3px 12px;     font-size: 12px;     font-family: Poppins, sans-serif !important;     font-weight: 500;     margin-bottom: 5px; display: inline-block;     width: max-content;     border: 1px solid #9F9F9F; transition:0.3s ease-in-out;}
.viewTabbutn:hover {background-color:#fff; color:#9F9F9F !important; }
.rightdetail_summry .quest-section-detail .side-wraper ul.nav {     width: 90%; }
.table_customerdesign tr th,.table_customerdesign tr td {     background-color: transparent; }
.rightdetail_summry .uploadfile-container .uploadfile-box {     height: 200px;     border-radius: 4px;     border: none;     background: #E9E9E9; }
.rightdetail_summry .uploadfile-box .img-wraper {     margin-bottom: 0; }
.rightdetail_summry .uploadfile-container .uploadfile-box p {     font-size: 14px;     color: #6D6D6D; }
.rightdetail_summry .uploadfile-container .custom-file-upload {     margin-top: 15px;     background-color: #848484 !important;     font-size: 12px;     font-weight: 400 !important;     padding: 7px 22px; }
.rightdetail_summry .uploadfile-container .uploadfile-box p.limit-text {     font-size: 12px;     margin-top: 0px;     color: #898989; }
.rightdetail_summry .docstab-section .docs-table {     margin-top: 36px; }
.rightdetail_summry .docstab-section .docs-table .form-control {     border-color: #D2D2D2 !important; }
.rightdetail_summry .docstab-section .docs-table button.btn-send {     font-size: 14px !important;     padding: 7px 28px!important; }
.rightdetail_summry .uploadfile-container .custom-file-upload:hover {     opacity: 0.9; }
.rightdetail_summry .docs-table .table .btn {     background-color: #848484;     padding: 3px 8px; }
.docu_list_dv  .heading-txt {     font-size: 16px; }
.rightdetail_summry .docstab-section .docu_list_dv .docs-table {     margin-top: 15px; }
.docu_list_dv {     margin-top: 38px; }
.rightdetail_summry .cardbox-wraper {     border: 1px solid #F0F0F0;     box-shadow: none;     padding: 20px 15px;     border-radius: 4px; }
.rightdetail_summry .activity-box .act-profile {     display: flex;     width: 80px;     height: auto;     padding: 6px 15px;     background-color: #E5DCF9;     border-radius: 4px;     margin-bottom: 26px; }
.rightdetail_summry .activity-box .act-content {     display: flex;     justify-content: space-between;     margin-bottom: 18px;     position: relative;     padding-left: 13px;     width: 100%;}
.rightdetail_summry .activity-box .act-content:before {     content: "\f101";     position: absolute;     font-family: 'FontAwesome';     left: 0;     top: 3px; font-size: 10px;}
.rightdetail_summry .activity-box .act-content .act-work {     font-size: 14px;     color: #333333;     padding-left: 2px; }
.rightdetail_summry .activity-box .act-content .act-time {     font-size: 14px;     color: #8B8B8B; }
.rightdetail_summry .activity-box {     margin-bottom: 25px;     border-bottom: 1px solid #E3E3E3; }
.rightdetail_summry .activity-box:last-child {     margin-bottom: 0px; border:none;}
.rightdetail_summry .cardbox-wraper .act-container {     height: auto;     max-height: 380px;     padding-right: 16px;}
.rightdetail_summry .activity-box .act-profile p {     font-size: 14px;     color: #333333 !important;     text-transform: unset; }
.rightdetail_summry  .message-header.chat-header {     background-color: #A4A4A4;     border-radius: 4px 4px 0px 0px;     padding: 4px 0 2px 0; }
.rightdetail_summry .proposal-chat h4 {     color: #fff;     padding: 0 20px 10px 20px; }
.rightdetail_summry .proposal-chat h4>img {     margin-right: 10px; }
.rightdetail_summry .proposal-chat {     border: 1px solid #e7e7e7;     box-shadow: none;     overflow: hidden;}

.rightdetail_summry .jobsummery-container .kyc-box {     border: 1px dashed #D9D9D9;     border-radius: 10px;     background-color: #fff;     padding: 16px; }
.rightdetail_summry .jobsummery-container .kyc-box .kyc-detail {     height: auto;     max-height: 220px; }
.rightdetail_summry .jobsummery-container .kyc-box h5.sm-heading {  font-size:14px; color: #333333;     margin-bottom: 14px; }
.rightdetail_summry .jobsummery-container .kyc-box .kyc-detail, .rightdetail_summry .jobsummery-container .kyc-box .kyc-detail p {     font-size: 13px;     color: #333333; }

.custinfo_section .infofoot-bans {     padding: 20px 30px; }
.custinfo_section .infofoot-bans {     padding: 20px 30px;     box-shadow: none;     background-color: #EFEFEF; }
.custinfo_section .infofoot-bans .heading {     font-size: 26px;     margin-bottom: 15px; }
.custinfo_section .infofoot-bans .subline-text {     font-size: 15px; }
.custinfo_section .infofoot-bans .timetable-box {     font-family: 'Poppins'; }
.custinfo_section .infofoot-bans .btn-contact {     padding: 9px 18px;     border-radius: 4px;     border: 1px solid #702fff;transition: 0.3s ease-in-out;     font-weight: 500;}
.custinfo_section .infofoot-bans .btn-contact:hover {     color: #702fff;     background-color: #fff; }
.mobile_topdv{display:none;}
.rightdetail_summry .docstab-section {     margin-bottom: 0; }
.schedule_TopBTN a i {     margin-right: 5px;     font-size: 14px; }
.custom_tooltip.tooltip i.fa {     -webkit-text-stroke: unset; }
.cutom_modl .modal-header {     padding-bottom: 0px !important;     padding-left: 0px;     padding-right: 0px; }
.cutom_modl .modal-header .modal-title {     font-weight: 600;     font-size: 22px; }
.cutom_modl.modal .modal-header .close, .cutom_modl.modal .modal-header .btn-close,.cutom_modl.modal .modal-header .close:hover, .cutom_modl.modal .modal-header .btn-close:hover {     background-color: transparent  !important;     color: #72767D !important;     font-size: 25px;     background-size: 14px; }
.error_boxmodal.cutom_modl .modal-footer {     padding-top: 20px !important; }
.form_boxe.meetCnfrm_btn button:hover {     background: #fff !important;     color: #FF3E6D !important; }
.docsconfirm-popup .modal-footer button {     margin: 0px 5px !important; }
.docsconfirm-popup  .modal-header {     border-bottom: 0 !important; }
.docsconfirm-popup .modal-footer {     border-top: 0 !important; }
.docsconfirm-popup.modal .modal-header .btn-close {     background: transparent  !important;     color: #72767D !important;     position: absolute;     right: 9px;     top: 9px;     font-size: 25px  !important;     border: none;     line-height: 20px;     padding: 0;     opacity: 0.5; }
.reviewpg_sidebar .jobid-cols span.title {     font-weight: 600; }
.reviewpg_sidebar .jobid-cols {     margin-top: 5px; }
.reviewpg_sidebar .jobid-cols span {     font-size: 16px; }
.reviewpg_sidebar .profile-dtls .post-title {     margin-bottom: 10px; }
 .top_messages_wrape {     margin-bottom: 60px; }
.rviewpg_ritecontnt .header-row h4 {     font-size: 18px;     color: #333333;     font-weight: 500;     font-family: Poppins, sans-serif !important; }
.rviewpg_ritecontnt .heading-wraper.taxyearForm {     margin-bottom: 0px; }
/******customer-review page new end******/


/******New changes started 24-dec-24******/
.rightdetail_summry .docu_list_dv .table_customerdesign::-webkit-scrollbar {   width: 4px;   height:9px; }
.rightdetail_summry .docu_list_dv .table_customerdesign::-webkit-scrollbar-track {   background: #f1f1f1; }
.rightdetail_summry .docu_list_dv .table_customerdesign::-webkit-scrollbar-thumb {   background:#b3b3b3; }
.rightdetail_summry .docu_list_dv .table_customerdesign::-webkit-scrollbar-thumb:hover {   background: #b3b3b3; }

.rightdetail_summry .docstab-section .docs-table .form-control.filename-input {     width: 290px !important; }
.rightdetail_summry .docs-table .table .btn-wraper .btn:nth-child(2) {     background-color: #6a6a6a; }
.rightdetail_summry .docs-table .table .btn {     background-color:#a3a3a3; }

.chat .chat-body .messages .chats .chat-content .message-content {     max-width: max-content; padding:9px 16px !important;}
.chat .chat-body .messages .chats.chats-right .message-content {     margin-left: auto; }
.chat .chat-body .messages .chats:not(.chats-right) .message-content {     margin-right: auto; }
 
.rightdetail_summry .quest-section-detail .side-wraper {     align-items: flex-start; }

.viewTabless,.viewdocmore,.viewdocless{background-color: #9F9F9F;     color: #fff !important;     border-radius: 4px;     min-width: max-content;     padding: 3px 12px;     font-size: 12px;     font-family: Poppins, sans-serif !important;     font-weight: 500;     margin-bottom: 5px;     display: inline-block;     width: max-content;     border: 1px solid #9F9F9F;     transition: 0.3s ease-in-out;}

.viewTabbutn,.viewTabless {     margin-top: 10px; }
.viewTabless:hover ,.viewdocmore:hover,.viewdocless:hover{     background-color: #fff;     color: #9F9F9F !important; }
nav.navfixed-top .header-container ul.nav.navbar-nav li.notification-libtn .highlight-box {     width: 20px;     height: 20px;     right: 2px;     top: -3px;     font-size: 12px;     font-weight: 500; }
nav.navfixed-top .header-container ul.nav.navbar-nav li.notification-libtn .btn.dropdown-toggle {     font-size: 16px;     color: #6e6e6e !important; }

.viewdocmoreless {     margin-top: 20px; }
.viewdocmore, .viewdocless {     padding: 4px 14px;     font-size: 14px; }
.custom_tooltip.tooltiptwo .tooltiptext {     left: -8px !important;   top:unset !important;  bottom: 27px !important;     background: #555 !important;     color: #fff !important;     border-radius: 4px !important;     border: none !important;     padding: 3px 8px !important;     font-size: 12px !important; }
.custom_tooltip.tooltiptwo .tooltip-top:after {     content: "";     position: absolute !important;     top: 100% !important;     left: 50% !important;     margin-left: -5px !important;     border-width: 5px !important;     border-style: solid !important;     border-color: #555 transparent transparent transparent !important; }
.custom_tooltip.tooltiptwo .tooltiptext.tooltiptextdoc{left:-24px !important;}
.rightdetail_summry .jobsummery-container .kyc-box .kyc-detail ol>li {     font-size: 13px;     font-family: Poppins, sans-serif !important; }
.rightdetail_summry .jobsummery-container .kyc-box .kyc-detail  ul>li {     list-style: disc;     font-size: 13px;     font-family: Poppins, sans-serif !important; }
.rightdetail_summry .jobsummery-container .kyc-box .kyc-detail ul, .rightdetail_summry .jobsummery-container .kyc-box .kyc-detail ol {     padding-left: 16px; }
div.rightdetail_summry {     margin-top: 40px; }
.revw_tabinnr.revw_tabinnrTop {     border-bottom: 1px solid #e1e1e1;     padding-bottom: 40px; }

@media screen and (min-width:1101px){
	nav.navfixed-top .header-container .navbar-header {     margin-top: 4px;     margin-left: 10%;}
}
@media screen and (min-width:768px){
	nav.navfixed-top .header-container ul.nav.navbar-nav li.notification-libtn  ul.dropdown-menu {     min-width: 400px;     right: -100px;     left: unset;     height: 280px; }
}

/******\\New changes ended 24-dec-24******/


/***@@@ Media Query started @@@*****/

@media screen and (min-width:768px) and (max-width:991px){
	
	/******schedule call update*******/
	.schedulecallModal.scheduleModal_Open .modal-dialog {     max-width: 750px; }
	
	/******\\schedule call update*******/
}

@media screen and (max-width:1100px){
	.property_fixed{width:88%;}
}
@media screen and (max-width:1199px){
	.sticky_card_nav .scroll-navmenu>li {     margin-right: 10px; }
	.sticky_card_nav .scrollnav-wraper {     padding: 15px 5px !important; }
	
   /******customer-review page start******/
   .upcomingmsg_box,.tooltip-container.tooltip_textt .tooltip {     font-size: 14px; }
   
   /******customer-review page end******/
   
   
    /******New Responsive css started******/
	.sticky_card_nav .scroll-navmenu>li>a {     font-size: 13px;     padding: 6px 14px; }
    /******New Responsive css ended******/
}

@media screen and (max-width:991px){
	/******schedule call update*******/
	.scheduleModal_Open .calling_id_detail,.calling_id_detail {     width: 100%; }
	.calling_id_detail {     border-right: none;     padding: 30px 0px 20px 0;     border-bottom: 1px solid #ddd; }
	.schedulecallModal .modal-dialog {     align-items: flex-start; }
	.video_namess {     font-size: 22px;     }
	.calling_schedule_right, .scheduleModal_Open .calling_schedule_right {     width:80%; margin: 0 auto;}
	.calendar_custom.calendar {     width: 332px;     max-width: 100%;         margin: 0 auto; }
	.calling_schedule_right {     padding: 24px 0px 30px 0px; }
	.scheduleModal_Open .schedule_calndr {     width: 65%;     padding-right: 25px; }
	.scheduleModal_Open .schedule_time {     width: 35%; }
	.timeslots_list {     padding-right: 20px; }
	.ConfimtimeBTN{    margin-right: -49%;}
	.calling_id_detail,.callschedule_inr .titl,.timeZone_select {     text-align: center; }
	.video_detaills {     text-align: left; }
	.sticky_card_nav  .scrollnav-wraper .scroll-navmenu {     justify-content: center;     flex-wrap: wrap; }
	.sticky_card_nav .scroll-navmenu>li {     margin-right: 0px; }
	.sticky_card_nav .scroll-navmenu>li>a {     font-size: 13px;     padding: 6px 13px; }
	.quest-section .nav-pills>li>a {     padding: 8px 10px; }
	.quest-section .side-wraper {     padding: 15px 10px; }
	
	/******\\schedule call update*******/
	
	/******Video call page css start******/
	.consultmeet_sec #video-call-container {     width: 100%; }

	/******\\Video call page css end******/
	
	/******customer-review page start******/
	.table_design_custom tr th, .table_design_custom tr td {     min-width: 160px; }
	/******\\customer-review page end******/
	
	
	/******New Responsive css started******/
	div.job-view{display:flex; padding: 15px;     padding-top: 30px !important;}
	div.job-view .job-description {     padding: 0px 15px !important;     width: 80% !important;     padding-top: 0px !important; }
	div.job-view .view-quotes {     width: auto;     text-align: left; }
	div.job-view .view-quotes  button {     padding: 9px 12px; }
	/******\\New Responsive css ended******/
	
	/******customer-review page new start******/
	.reviewpg_mainsec >.container.main-con>.customerpanel_row {     display: block; }
	.customerpanel_row .colm_pading.sidebar_colmn,.customerpanel_row div.contnt_colmn {     width: 100% !important; }
	.reviewpg_sidebar {     max-width: 100%;        height: auto; }
	.revew_sidetabs ul.nav-tabs>li {     display: inline-block;     width: auto;     margin-right: 15px; }
	.sidetab_title {     text-align: center; }
	.revew_sidetabs ul.nav-tabs,.schedule_TopBTN {     text-align: center; }
	.reviewpg_sidebar {     padding-bottom: 0; }
	.mobile_topdv{display:block;}
	.revw_tabinnrTop .topbanner-wraper.custreview_topbanr, .revw_tabinnrTop .upcomingmsg_box {     display: none; }
	.revw_tabinnr .progress-container {     margin-top: 0px; }
	.revw_tabinnr .taxyearForm {     margin-top: 20px; }
	.reviewpg_sidebar .profile-img img{    width: 90px !important;     height: 90px !important;}
	.revw_tabinnr .docstab-section {     margin-bottom: 10px; }
	
	/******customer-review page new end******/
}
@media screen and (max-width:767px){
	.sticky_card_nav .scroll-navmenu {     justify-content: center;         flex-wrap: wrap;         margin: 0 auto;}
	.property_fixed {     left: 0;  top: 66px;  border-radius: 0 !important; width:100%;}
	.scrollnav-wraper .scroll-navmenu.nav li a {     padding: 6px 7px; }
	.sticky_card_nav .scroll-navmenu>li {     margin-right: 10px; }
	.question-sect .heading-wraper h3.heading-h {     display: inline-block; }
	.question-sect .heading-wraper h3.heading-h .date-format {     padding-left: 2px;         font-size: 14px;}
	.question-sect .heading-wraper h3.heading-h {     font-size: 20px; }
	.question-sect .heading-wraper h3.heading-h .tooltip-btns i {     font-size: 15px; }
	.question-sect  .heading-wraper.d-flex.heading-test {     flex-direction: column-reverse; }
	.question-sect .heading-wraper.d-flex.heading-test form#taxYearForm {     margin: unset;     margin-bottom: 22px; }
	.question-sect .heading-wraper.d-flex.heading-test form#taxYearForm .status-dropdown button {     text-align: center;     padding: 6px 10px;     width: 170px; }
	.question-sect .docs-table .btn-wraper .btn.ui-button {     padding: 6px 20px !important;     margin: 0px 10px 25px; }
	.question-sect .docs-table .btn-wraper.mt-3 {     margin-top: 10px; }
	.question-sect .infofoot-bans {     padding: 15px 12px;         margin-bottom: 55px;}
	.question-sect .infofoot-bans .heading {     font-size: 20px; }
	.question-sect .infofoot-bans .btn-contact {     text-align: center;     font-size: 13px;     padding: 5px 8px; }
	.question-sect .infofoot-bans .d-flex.mx-2 {     flex-wrap: wrap;     gap: 6px !important;}
	a#topbtn {     width: 35px;     height: 35px;     bottom: 10px;}
	#topbtn:after {     line-height: 32px;     font-size: 16px; }
	.question-sect .chat-message input.form-control.input-msg-send,.question-sect .chat-message button.btn.send-message.msg-send-btn {     z-index: 1; }
	.custom_tooltip.tooltip .tooltiptext {     left: -35px;     top: 25px;     max-width:200px;  }
	.question-sect .heading-wraper.d-flex.heading-test .custom_tooltip.tooltip .tooltiptext {     left: -10px;     padding: 2px 3px; }
	
	/******schedule call update*******/
	.calling_schedule_right, .scheduleModal_Open .calling_schedule_right {     width: 524px;     max-width: 100%; }
	.container-calendar {     width: 300px;     max-width: 100%; }
	.calling_confirme h3,.SuccessModall .sucess_txtt h3{font-size:20px;}
	.cutom_modl .modal-body {     margin-top: 18px;     padding-top: 0px;  padding-left: 0 !important; padding-right: 0 !important;}
	.cutom_modl .modal-dialog {     align-items: flex-start; margin: 10px;}
	.success_msglist {     padding: 0px 0px; }
	.cutom_modl  .modal-content {     padding: 22px 20px; }
	.calling_confirme h3 {     padding-bottom: 5px; }
	#joinMeetingModal form {     padding: 10px; }
	.fill-btn{padding: 8px 12px;}
	/******\\schedule call update*******/
	
	/******table css start******/
	.title_mains {     font-size: 20px; }
	/******table css end******/
	
	/******Video call page css start******/
	.consultmeet_sec #video-call-container {  height: 45vw; }
	.consultmeet_sec .control-buttons {     flex-wrap: wrap; }
	/******\\Video call page css end******/
	
	/******customer-review page start******/
   .upcomingmsg_box,.tooltip-container.tooltip_textt .tooltip {     font-size: 13px; }
   .form_boxe.meetCnfrm_btn button{    padding: 12px 14px;}
   
   /******customer-review page end******/
   
   
   /******New Responsive css started******/
	div.job-view{display:flex;  flex-wrap:wrap; }
	div.job-view .view-quotes {     width: auto; }
	div.job-view .view-quotes  button {     padding: 9px 12px;  width: max-content; max-width: 100%;}
	div.job-view .date {     width: 80px;     padding: 10px;     margin-left: unset;}
	div.job-view .date .year {     font-size: 15px; }
	div.job-view .date p {     font-size: 14px; }
	div.job-view .date p span {     font-size: 18px; }
	div.job-view .job-description {     width: 78% !important;  flex: auto;  text-align: left;    padding: 0px 0px 0px 15px !important;}
	div.job-view .job-description .idbgling, div.job-view .job-description ul.flex-list {     justify-content: flex-start; }
	div.job-view>.view-quotes {     margin-left: 90px;     padding-top: 10px !important;     width: 100%;     text-align: left; }
	div.job-view>.view-quotes>.view-quotes {     padding-top: 0px !important;   }
	.navbar-nav .open ul.dropdown-menu{padding: 10px 0px;}
	
	/******\\New Responsive css ended******/
	
		/******customer-review page new start******/
	.revew_sidetabs ul.nav-tabs li>a {     font-size: 14px;     padding: 8px 0px; }
	.schedule_TopBTN a {     font-size: 14px; }
	.revew_sidetabs ul.nav-tabs>li {     width: 49%;     margin-right: 0px; }
	.sideTab_innr {     padding: 20px 10px 15px; }
	.reviewpg_sidebar .profile-img img {     width: 70px !important;     height: 70px !important; }
	.revew_sidetabs ul.nav-tabs {     text-align: left; }
	.revew_sidetabs ul.nav-tabs li>a {     width: max-content; }
	.revew_sidetabs ul.nav-tabs li.active>a {     color: #702ffe !important;     background: transparent !important;     padding: 8px 0px; }
	.revew_sidetabs ul.nav-tabs li>a>img {     margin-right: 6px; }
	.viewTabbutn{display:none;}
	.rightdetail_summry .quest-section-detail .side-wraper ul.nav {     width: 100%; }
	.rightdetail_summry .quest-section-detail ul.nav>li>a {     padding: 10px 8px; }
	.rightdetail_summry .docstab-section .docs-table button.btn-send {     margin:15px 10px 15px !important; }
	.rightdetail_summry .activity-box .act-content .act-work {     font-size: 13px; }
	.rightdetail_summry .activity-box .act-content .act-time {     font-size: 13px;     padding-left: 15px; }
	.rightdetail_summry .activity-box .act-content {     margin-bottom: 10px; }
	.custinfo_section .infofoot-bans {     margin-bottom: 20px !important; }
	.mobile_topdv .upcomingmsg_box {     margin-bottom: 15px; }
	/******customer-review page new end******/
	
}

@media screen and (max-width:575px){
	
	/******schedule call update*******/
		.schedule_time {     width: 100%;     height: 0; }
	.scheduleModal_Open .schedule_time {     width: 100%;   height: auto;    margin-top: 30px; }
	.Cshedule_flex {     flex-direction: column; align-items: center;}
	.timeZone_select {     margin-top: 20px; }
	.callschedule_inr .titl {     text-align: center; }
	.timeslots_list {     display: flex;     flex-wrap: wrap;     justify-content: space-between;         height: auto;         min-height: auto; padding-right: 0;}
	.time_buttonss {     width: 49%; }
	.schedule_calndr {     justify-content: center;     align-items: center; }
	.scheduleModal_Open .schedule_calndr {     width: 100%;     padding-right: 0; }
	.schedulecallModal .modal-body {     padding: 0px 15px; }
	.time_buttonss .timeBTN {     position: relative;     z-index: 1; }
	.container.pt-5.pb-5.text-center button.fill-btn[data-bs-target="#schedulecall"], .container.pt-5.pb-5.text-center button.fill-btn[data-bs-target="#joinMeetingModal"] {     display: block;     margin: 0 auto;     min-width: 180px; }
	
	.consultation_modal .consultt_txtt {     display: block;     text-align: center; }
	.bookinggImg, .bookinggContent {     width: 100%;     padding: 0; }
	/******\\schedule call update*******/
}

@media screen and (max-width:480px){
	 /******New Responsive css started******/
	div.job-view{display:block;         padding-top: 20px !important;}
	div.job-view .date {     margin-left: auto;     margin-right: auto; }
	div.job-view .job-description .idbgling, div.job-view .job-description ul.flex-list {     justify-content: center; }
	div.job-view>.view-quotes {     text-align: center;     margin-left: auto;     margin-right: auto;     width: max-content; max-width:100%;}
	div.job-view .job-description {     width: 100% !important;  text-align: center;     padding: 0px 0px 0px 0px !important; }
	/******\\New Responsive css ended******/
}


@media screen and (max-width:400px){
	/******schedule call update*******/
	.time_buttonss {     width: 100%; }
	.timeZone_select select {     font-size: 12px;     word-break: break-word; }
	/******\\schedule call update*******/
	
	/******customer-review page new start******/
	.custinfo_section .infofoot-bans .btn-contact {     font-size: 11px; }
	.info-row .timetable-box .cols-box {     padding-right: 0px;  }
	.custinfo_section .infofoot-bans .timetable-box {     font-size: 13px; }
	/******customer-review page new end******/
}

/******\\25-july-24 sk*********/