.nav:before,
.nav:after {
    content: none;
}

body {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #030303;
}

.ni-arrow-left::before {
    content: '\f060';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.ni-chevron-right:before {
    content: '\f054';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.ni-chevron-left:before {
    content: '\f053';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.ni-calender-date-fill:before {
    content: '\f073';
    font-family: 'FontAwesome';
    font-weight: 900;
}

.intl-tel-input {
    display: block;
}

.flag-container {
    z-index: 99;
}

.flag-container:active,
.flag-container:focus,
.flag-container .selected-flag:active,
.flag-container .selected-flag:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.iti-flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.9/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

.pay_sec {
    min-height: 100vh;
    position: relative;
    padding: 45px 0;
    z-index: 1;
    display: flex;
    align-items: center;
}

.pay_sec::before {
    content: '';
    background: url(./img/left_bg.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 64%;
    top: 0;
    left: 0;
}

.paymt_box {
    display: flex;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.web_prof_sect .paymt_box {
    align-items: flex-start;
}

.paymt_box>.box1 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 50px;
}

.paymt_box>.box1 .logo,
.pay_ss .logo {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}

.paymt_box>.box1 .logo figure,
.pay_ss .logo figure {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 0;
}

.paymt_box>.box1 .logo figure img,
.pay_ss .logo figure img {
    width: 58px;
    height: 40px;
    object-fit: contain;
}

.paymt_box>.box1 .logo .name,
.pay_ss .logo .name {
    font-weight: 800;
    margin-bottom: 0;
    font-size: 18px;
    text-align: left;
    color: #1f1f1f;
    padding-left: 12px;
}

.paymt_box .data.flex {
    display: flex;
}

.paymt_box .data.flex .inv {
    display: flex;
    align-items: center;
    margin-top: -11px;
}

.paymt_box .data.flex .ml-auto .title {
    margin-top: 35px;
}

.paymt_box .data .title {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: initial;
    color: #707070;
}

.paymt_box .data .title.title_brdr {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    color: #030303;
    position: relative;
}

.paymt_box .data .title.title_brdr::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    background: #FF702F;
}

.paymt_box .data+.data {
    margin-top: 30px;
}

.paymt_box .data h3,
.paymt_box .data ul li {
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    text-align: left;
    color: #030303;
}

.paymt_box .data ul {
    list-style: none;
    margin-bottom: 0;
}

.paymt_box .inv a {
    width: 35px;
    flex: 0 0 35px;
    max-width: 35px;
    height: 35px;
    background: #eaf0fa;
    border-radius: 100px;
    font-weight: normal;
    margin-left: 75px;
    font-size: 18px;
    color: #FF702F;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paymt_box .inv a:hover {
    background: #FF702F;
    color: #fff;
}

.paymt_box>.box2 {
    position: sticky;
    top: 5px;
    z-index: 1;
    padding: 35px 30px;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    box-shadow: 50px 0px 50px rgba(0, 0, 0, 0.1);
    align-items: center;
    background: #fff;
    min-height: 425px;
}

/*.paymt_box .card_det{display: none;}*/
.paymt_box .form-control {
    color: #474747;
    font-size: 16px;
    background-color: #FFFFFF;
    min-height: 50px;
    border-radius: 0 !important;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 9;
}

.paymt_box .form-control.disabled {
    background: #f2f2f2;
    border: 1px solid #d6d6d6;
    color: #999;
}

.paymt_box .form-control::placeholder {
    color: #999;
}

.paymt_box .form-group {
    position: relative;
    display: grid;
    gap: 0 10px;
    grid-template-columns: .5fr 1.5fr;
    align-items: center;
    margin-bottom: 35px;
}

.paymt_box .form-group.fl1fr {
    grid-template-columns: 1fr;
}

.paymt_box .form-group .form-group {
    margin-bottom: 0;
}

.paymt_box .form-group.btn_grp {
    margin-bottom: 0;
}

.paymt_box .form-group label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #5e6d82;
    margin: 0;
    opacity: 0.7;
}

.paymt_box .form-group.crd_num img {
    position: absolute;
    z-index: 9;
    height: 40px;
    right: 15px;
    top: 5px;
    width: 60px;
    object-fit: contain;
}

.paymt_box .form-group.crd_num .form-control {
    padding-right: 80px;
}

.paymt_box>.box2 .title {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-align: left;
    color: #030303;
    position: relative;
    display: flex;
    align-items: center;
}

.paymt_box>.box2 .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    background: #FF702F;
}

.paymt_box>.box2 .title .icon {
    margin-right: 10px;
    display: none;
    cursor: pointer;
}

.paymt_box>.box2 .card_det .title .icon {
    display: block;
}

.paymt_box>.box2 .btn {
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    position: relative;
}

.paymt_box>.box2 .btn::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

.paymt_box>.box2 .btn::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background-color: #FF702F;
    transition: .3s ease-in-out;
}

.bck_btn {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #FF702F;
}

.bck_btn .icon,
.bck_btn2 .icon {
    font-size: 17px;
    margin-right: 5px;
    color: #FF702F;
}

.bll_det .bck_btn {
    display: none;
}

.paymt_box>.box2 .btn:hover::after {
    height: 100%;
}

.paymt_box .data ul.share {
    display: flex;
}

.paymt_box .data ul.share li+li {
    padding-left: 8px;
}

.paymt_box .data ul.share li a {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.paymt_box .data ul.share li a.facebook {
    background: rgba(66, 103, 178, 0.10);
    color: #4267b2;
}

.paymt_box .data ul.share li a.facebook:hover {
    background: rgba(66, 103, 178, 1);
}

.paymt_box .data ul.share li a.twitter {
    background: rgba(0, 172, 238, 0.10);
    color: #00ACEE;
}

.paymt_box .data ul.share li a.twitter:hover {
    background: rgba(0, 172, 238, 1);
}

.paymt_box .data ul.share li a.whatsapp {
    background: rgba(37, 211, 102, 0.10);
    color: #25d366;
}

.paymt_box .data ul.share li a.whatsapp:hover {
    background: rgba(37, 211, 102, 1);
}

.paymt_box .data ul.share li a:hover {
    color: #fff;
}

.paymt_box .data ul.contact {
    display: flex;
}

.paymt_box .data ul.contact li+li {
    padding-left: 55px;
}

.paymt_box .data ul.contact li a {
    display: flex;
    align-items: center;
    color: #707070;
}

.paymt_box .data ul.contact li a .icon {
    width: 35px;
    transition: .3s ease-in-out;
    height: 35px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 10px;
    color: #FF702F;
    filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.1));
}

.paymt_box .data ul.contact li a:hover .icon {
    background: #FF702F;
    color: #fff;
}

.paymt_box .data .link {
    color: #FF702F;
}

.paymt_box .data .txt {
    margin-bottom: 0;
    font-size: 15px;
    margin-top: 10px;
}

.pwrd_txt {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-top: 30px;
    color: #030303;
}

.pwrd_txt a {
    font-weight: 700;
    text-decoration: underline;
    color: #030303;
}

.pwrd_txt a:hover {
    color: #FF702F;
}

.next_btn {
    display: none;
}

.card_exp_date {
    display: flex;
    height: 50px;
    align-items: center;
    border-radius: 0;
    position: relative;
    background: #fff;
    border: 1px solid #d6d6d6;
}

.card_exp_date .form-control {
    border-radius: 0;
    border: 0;
    background: transparent;
}

.card_exp_date span {
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.form-control:active,
.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.pay_process {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .85);
    z-index: 99;
    /* Note: currently only Safari supports backdrop-filter */
    backdrop-filter: blur(16px);
    --webkit-backdrop-filter: blur(16px);
    padding: 50px;
    text-align: center;
    display: none;
}

.profession-page-popup .pay_process,
.profession-page-popup .pay_ss {
    position: initial;
}

.profession-page-popup .pay_ss::after {
    display: none;
}

.pay_process .w-100 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pay_process h4 {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #030303;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.pay_process p {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 24px;
    margin: 20px 0;
    color: #030303;
    font-family: 'Inter', sans-serif;
}

.pay_process img {
    height: 69px;
    background: #fff;
    border-radius: 100%;
    width: 69px;
    margin-top: 10px;
}

.pay_ss {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
    display: none;
}

.pay_ss::after {
    content: '';
    height: 100%;
    width: 6px;
    background: #fff;
    right: 0;
    position: absolute;
    top: 0;
}

.pay_success.pay_ss::after {
    background-color: #28A745;
}

.pay_cancel.pay_ss::after {
    background-color: #DC3545;
}

.pay_pending.pay_ss::after {
    background-color: #FFC107;
}

.pay_ss>.w-100 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.pay_ss>.w-100>div {
    width: 100%;
}

.pay_ss .pay_msg {
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.pay_ss .pay_msg .title {
    display: flex;
    align-items: center;
    flex: 0 0 60%;
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: 60%;
}

.pay_success.pay_ss .pay_msg .title {
    color: #28A745;
}

.pay_pending.pay_ss .pay_msg .title {
    color: #FFC107;
}

.pay_cancel.pay_ss .pay_msg .title {
    color: #DC3545;
}

.pay_ss .pay_msg .title::after {
    content: none;
}

.pay_ss .pay_msg img {
    height: 33px;
    flex: 0 0 33px;
    max-width: 33px;
    width: 33px;
    margin-right: 10px;
}

.pay_ss .pay_msg h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 20px;
}

.pay_ss .pay_msg p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.02em;
    color: #FF702F;
    flex: 0 0 40%;
    max-width: 40%;
}

.pay_ss .pay_det {
    padding: 25px 30px;
}

.pay_ss .pay_det ul {
    margin-bottom: 0;
}

.pay_ss .pay_det ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.pay_ss .pay_det h4 {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #707070;
    margin-bottom: 0;
    flex: 0 0 60%;
    max-width: 60%;
}

.pay_ss .pay_det p {
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #030303;
    margin-bottom: 0;
    flex: 0 0 40%;
    max-width: 40%;
}

.pay_ss .pay_det ul li+li {
    padding-top: 20px;
}

.pay_ss .pay_det.det2 {
    border-top: 5px solid #FBFBFB;
    padding-bottom: 0;
}

.pay_ss .pay_det p a {
    font-weight: 600;
    color: #FF702F;
}

.Pricing_tooltip {
    position: relative;
    line-height: initial;
    margin-left: 0px;
}

.Pricing_tooltip>a,
.Pricing_tooltip>span {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-decoration: underline;
    font-size: 12px;
    color: #707070;
    text-transform: capitalize;
    transition: .3s ease-in-out;
}

.Pricing_tooltip>a:hover,
.Pricing_tooltip>span:hover {
    color: #FF702F !important;
    text-decoration: underline !important;
}

.Pricing_tooltip>div {
    position: fixed;
    /*left: 50%; top: 40px;*/
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 367px;
    z-index: 999;
    opacity: 0;
    padding: 0;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
    visibility: hidden;
    width: 282px;
    border-radius: 5px;
    background: #fcfcfc;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

.coustom_tooltip_plan {
    opacity: 1 !important
}

.coustom_tooltip_plan .tooltip-inner {
    border-radius: 5px;
    background: #fcfcfc;
    max-width: 282px;
    padding: 0;
    width: 282px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

.Pricing_tooltip>a:hover~div,
.Pricing_tooltip>span:hover~div {
    visibility: visible;
    opacity: 1;
}

.Pricing_tooltip>div::before,
.Pricing_tooltip>div::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fcfcfc transparent;
}

.Pricing_tooltip>div::after {
    z-index: 8;
    border-color: transparent transparent rgba(0, 0, 0, 0.16) transparent;
    top: -22px;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.Pricing_tooltip .table_tbody,
.coustom_tooltip_plan .table_tbody {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.Pricing_tooltip .table_tbody div,
.coustom_tooltip_plan .table_tbody div {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 20px;
    color: #707070;
    text-align: right;
    text-transform: uppercase;
}

.Pricing_tooltip .table_tbody div.amt,
.coustom_tooltip_plan .table_tbody div.amt {
    font-weight: 700;
    color: #3b3b3b;
}

.Pricing_tooltip .table_tbody:nth-child(even),
.Pricing_tooltip .table_tbody:last-child,
.coustom_tooltip_plan .table_tbody:nth-child(even),
.coustom_tooltip_plan .table_tbody:last-child {
    background: #fff0e9;
}

.Pricing_tooltip .table_tbody:last-child,
.coustom_tooltip_plan .table_tbody:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.Pricing_tooltip .table_tbody:nth-last-child(2),
.coustom_tooltip_plan .table_tbody:nth-last-child(2) {
    background: #fff;
}

.Pricing_tooltip .table_tbody div:first-child,
.coustom_tooltip_plan .table_tbody div:first-child {
    text-align: left;
}

.Pricing_tooltip .table_tbody:last-child>div:last-child,
.coustom_tooltip_plan .table_tbody:last-child>div:last-child {
    color: #FF702F;
}

.coustom_tooltip_plan.tooltip.top .tooltip-arrow {
    border-top-color: #fff
}

.coustom_tooltip_plan.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff
}

.crd_list_all .tooltip-box {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
    padding-bottom: 20px;
    margin-top: -10px;
}

.crd_list_all .Pricing_tooltip {
    display: inline-block;
}

.Virtual_bx_data .Pricing_tooltip>div {
    left: initial;
    right: -50px;
    transform: none;
}

.Virtual_bx_data .Pricing_tooltip>div::after,
.Virtual_bx_data .Pricing_tooltip>div::before {
    left: initial;
    right: 80px;
    transform: none;
}

.clients_card .Pricing_tooltip>div {
    left: 0;
    transform: none;
}

.clients_card .Pricing_tooltip>div::after,
.clients_card .Pricing_tooltip>div::before {
    left: 30px;
    transform: none;
}

/*responsive*/
@media screen and (max-width:991px) {
    .paymt_box .form-group:not(.btn_grp) {
        display: block;
    }

    .paymt_box .form-group.cvv {
        margin-top: -24px;
    }

    .paymt_box .form-group.btn_grp {
        position: relative;
        padding-bottom: 0;
    }

    .bck_btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .paymt_box>.box1 {
        padding-right: 30px;
        flex: 0 0 55%;
        max-width: 55%;
    }

    .paymt_box .data ul.contact {
        display: block;
    }

    .paymt_box .data ul.contact li+li {
        padding-left: 0;
        padding-top: 10px;
    }

    .paymt_box .inv a {
        margin-left: 20px;
    }
}

@media screen and (max-width:767px) {
    .paymt_box {
        display: block;
    }

    .paymt_box>.box1,
    .paymt_box>.box2 {
        /* padding: 30px; */
        max-width: 100%;
    }

    .paymt_box>.box2>.w-100 {
        height: 100%;
    }

    .bll_det .bck_btn {
        display: block;
    }

    .paymt_box>.box2::after {
        border-radius: 20px;
    }

    .pay_sec::before {
        width: 100%;
        background-position: left;
    }

    .pay_sec.show2::before {
        background-position: right;
        height: 100%;
        width: 60%;
    }

    .pay_sec {
        padding: 30px 0;
        margin-bottom: 0px;
    }

    .pay_sec.show2 {
        margin-bottom: 0;
    }

    .next_btn {
        display: block;
    }

    .next_btn button {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        border: 0;
        height: 60px;
        border-radius: 25px 25px 0px 0px;
        background: #FF702F;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #fff;
        z-index: 9999;
        text-transform: uppercase;
    }
}

@media screen and (max-width:575px) {
    .Pricing_tooltip>div {
        width: 300px;
    }

    .offline_bx_data .Pricing_tooltip>div {
        left: 0;
        transform: none;
    }

    .offline_bx_data .Pricing_tooltip>div::before,
    .offline_bx_data .Pricing_tooltip>div::after {
        left: 20px;
        transform: none;
    }

    .pay_ss .pay_det {
        padding-left: 15px;
        padding-right: 15px;
    }

    .paymt_box .form-group {
        margin-bottom: 25px;
    }

    .paymt_box .data.flex {
        display: block;
    }

    .paymt_box .data.flex .ml-auto {
        margin-top: 15px;
    }

    .paymt_box .data .title {
        margin-bottom: 8px;
    }

    .paymt_box .data+.data {
        margin-top: 15px;
    }

    .paymt_box .data ul.contact {
        display: block;
    }

    .paymt_box .data ul.contact li+li {
        padding-left: 0;
        margin-top: 10px;
    }

    .paymt_box .inv a {
        margin-left: auto;
    }

    .paymt_box>.box1 {
        padding: 0;
    }

    .paymt_box .data ul.contact li a .icon {
        height: auto;
        width: auto;
        background: transparent;
    }

    .paymt_box>.box2 {
        padding: 30px 15px;
    }
  
    .pay_process {
        padding: 30px;
    }

    .pay_ss .pay_msg img {
        height: 25px;
        width: 25px;
        flex: 0 0 25px;
        max-width: 25px;
    }

    .pay_ss .pay_msg .title.success h4,
    .pay_ss .pay_msg p {
        font-size: 18px;
    }

    .pay_ss .pay_det h4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .pay_ss .pay_det p {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .pay_ss .pay_msg {
        justify-content: center;
        flex-wrap: wrap;
    }

    .pay_ss .pay_msg .title,
    .pay_ss .pay_msg p {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        justify-content: center;
    }

    .pay_ss .pay_msg p {
        margin-top: 5px;
    }

    .pay_ss .pay_det h4 {
        padding-right: 15px;
    }

    .pay_ss .pay_det p {
        font-size: 15px;
    }
}

.pay_ss .btn_grp.det3 {
    padding: 25px 30px;
}

.pay_succes {
    min-height: 100vh;
    position: relative;
    padding: 45px 0;
    z-index: 1;
    display: flex;
    align-items: center;
}

/*------------------------------------form section-------------------------------------------*/
.bg_newletetr_bx {
    background-image: url(./img/news-banner.png);
    background-position: center center;
    border-radius: 30px;
    background-repeat: no-repeat;
    padding: 70px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.16);
    background-size: cover;
}

.nws_header_title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 28px;
    line-height: 41px;
    text-align: center;
    color: #3b3b3b;
}

.nws_sub_title {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #707070;
    opacity: 0.7;
}

.frm_sect_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
}

.form-control,
.form-group select {
    color: #474747 !important;
    font-size: 17px !important;
    background-color: #FFFFFF;
    border-radius: 4px !important;
    height: 50px !important;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: normal !important;
    position: relative;
    z-index: 9;
}

.btn_setup .btn {
    border-radius: 5px;
    width: 249px;
}

.bg_newletetr_bx ul.list_bnr_title li {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #3b3b3b;
}

.bg_newletetr_bx .list_bnr_title li::after {
    background: #d5e2f6;
    opacity: 1;
}

.btn_blue {
    width: 242px;
    height: 50px;
    border-radius: 25px;
    background: #FF702F;
    display: inline-flex;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}

.btn_blue:hover {
    color: #fff;
    background: #E65933;
}

ul.list_bnr_title li+li {
    margin-left: 100px;
}

ul.list_bnr_title li {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    position: relative;
    line-height: 30px;
    text-align: left;
    padding-left: 35px;
    color: #fff;
    display: inline-block;
}

.list_bnr_title li::after {
    position: absolute;
    content: '';
    border-radius: 100%;
    top: 2px;
    left: 0;
    z-index: 0;
    width: 24px;
    height: 24px;
    background: #d5e2f6;
    opacity: 0.2;
}

ul.list_bnr_title {
    display: flex;
    justify-content: center;
}

.list_bnr_title li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-weight: 400;
    position: absolute;
    left: 5px;
    color: #FF702F;
    font-size: 13px;
    top: -2px;
    z-index: 99;
}

.form-control,
.form-group select {
    z-index: 0;
}

/*----------------------Footer--------------------------*/
.footer_new_style {
    background: linear-gradient(#021048 0%, #1e38a3 100%);
    padding: 173px 0 77px;
    margin-top: -97px;
}

.footer_bottom_style {
    background: #1f1f1f;
}

.form-control:active::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    color: #ccc !important;
}

.form-control:active::-moz-placeholder,
.form-control:focus::-moz-placeholder {
    color: #ccc !important;
}

.form-control:active:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
    color: #ccc !important;
}

.form-control:active::-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder {
    color: #ccc !important;
}

.form-control:active::placeholder,
.form-control:focus::placeholder,
.form-group select:active,
.form-group select:focus {
    color: #ccc !important;
}

.form-control::-webkit-input-placeholder {
    color: #999 !important;
}

.form-control::-moz-placeholder {
    color: #999 !important;
}

.form-control:-ms-input-placeholder {
    color: #999 !important;
}

.form-control::-ms-input-placeholder {
    color: #999 !important;
}

.form-control::placeholder,
.form-group select,
.form-group select option {
    color: #999 !important;
}

.form-group.form-control:active~label:not(.label_nrm),
.form-group .form-control:focus~label:not(.label_nrm),
.form-control.hasvalue~label:not(.label_nrm),
label:not(.label_nrm).phone_label.phone_labelactive {
    top: -22px;
    left: 0;
    font-size: 14px;
    z-index: 1;
    color: #525252 !important;
    font-size: 14px !important;
    font-weight: 600;
}

.form-group label:not(.label_nrm) {
    position: absolute;
    left: 14px;
    font-family: 'Inter', sans-serif;
    width: 100%;
    top: 10px;
    color: #525252 !important;
    font-size: 14px !important;
    font-weight: 600;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    text-align: left;
}

.form-control:active,
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #ffd0bb;
}

.form-group label:not(.label_nrm) {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 10px;
    color: #aaa;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    text-align: left;
}

.form-group label.label_nrm {
    color: rgb(94 109 130 / 70%) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Inter';
    letter-spacing: 0.06em;
}

.form-group.form-control:active~label:not(.label_nrm),
.form-group .form-control:focus~label:not(.label_nrm),
.form-control.hasvalue~label:not(.label_nrm),
label:not(.label_nrm).phone_label.phone_labelactive {
    top: -22px;
    left: 0;
    font-size: 14px;
    z-index: 1;
    color: #525252 !important;
    font-size: 14px !important;
    font-weight: 600;
}

.form-group label:not(.label_nrm) {
    position: absolute;
    left: 14px;
    font-family: 'Inter';
    width: 100%;
    top: 10px;
    color: #525252 !important;
    font-size: 14px !important;
    font-weight: 600;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    text-align: left;
}

.form-group {
    position: relative;
    margin-bottom: 31px;
}

section.pay_sec.prof_login .form-group {
    display: flex;
}

section.pay_sec.prof_login .form-group.btn_grp {
    display: grid;
}

.footer_bottom_style p,
.footer_bottom_style p a {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #fff;
    line-height: 22px;
    margin: 0;
    padding: 16px 0;
}

.list_fter li a {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 29px;
    text-align: left;
    color: #fff;
}

.list_fter li,
.socil_list_fter li {
    display: inline-block;
}

.socil_list_fter li i {
    width: 31px;
    height: 31px;
    background: #fff;
    border-radius: 100%;
    line-height: 34px;
    text-align: center;
    color: #1f1f1f;
}

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

.list_fter,
.socil_list_fter {
    margin: 0;
}

.list_fter li+li {
    margin-left: 22px;
}

.list_fter li a:hover {
    color: #000;
}

.socil_list_fter li+li {
    margin-left: 17px;
}

/*---------------------------------------Responsive------------------------------------------*/
.socil_list_fter li a:hover i.fa-facebook {
    background: #4267b2;
    color: #fff;
}

.socil_list_fter li a:hover i.fa-twitter {
    background: #1DA1F2;
    color: #fff;
}

.socil_list_fter li a:hover i.fa-whatsapp {
    background: #25D366;
    color: #fff;
}

.socil_list_fter li a:hover i.fa-pinterest-p {
    background: #c8232c;
    color: #fff;
}

.socil_list_fter li a:hover i.fa-linkedin {
    background: #0e76a8;
    color: #fff;
}

.socil_list_fter li a {
    display: block;
}

/*-------------------Professional seller.css-------------------------------*/
.web_prof_sect .bll_det .role_stepcount {
    text-align: center;
    list-style: none;
}

.web_prof_sect .bll_det .role_stepcount li {
    display: inline-block;
    z-index: 1;
    text-align: center;
    position: relative;
}

.web_prof_sect .bll_det .role_stepcount li+li {
    margin-left: 89px;
}

.web_prof_sect .bll_det .role_stepcount li+li::before {
    content: "";
    width: 103px;
    height: 2px;
    background: #FF702F;
    position: absolute;
    left: -93px;
    top: 11px;
    z-index: -1;
}

.web_prof_sect .bll_det .role_stepcount li a {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: center;
    color: #010103;
}

.web_prof_sect .paymt_box .form-group.check_bx1 label {
    opacity: 1;
}

.web_prof_sect .bll_det .role_stepcount li a:hover {
    text-decoration: underline;
}

.web_prof_sect .bll_det .role_stepcount li a span {
    height: 24px;
    margin: auto;
    width: 24px;
    background: #fff;
    border: 4px solid #707070;
    position: relative;
    display: block;
    border-radius: 100px;
    margin-bottom: 10px;
}

.web_prof_sect .bll_det .role_stepcount li.active a span::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 2px;
    font-weight: 900;
    font-family: "Nioicon" !important;
    color: #fff;
    font-size: 12px;
}

.web_prof_sect .bll_det .role_stepcount li.active span {
    background: #FF702F;
    border-color: #FF702F;
}

.web_prof_sect .bll_det .step_count .step+.step {
    display: none;
}

.web_prof_sect .bll_det .head_title_log_sign {
    display: grid;
    align-items: center;
    grid-template-columns: 1.5fr 1fr;
}

.web_prof_sect .bll_det .role_stepcount li.active a span::before {
    background: url(./img/Icon-check.png) no-repeat center center;
    cursor: pointer;
    content: '';
    width: 12px;
    display: block;
    height: 10px;
    margin: 0 auto;
    background-size: contain;
    position: relative;
    top: 4px;
    left: 0px;
}

.web_prof_sect .bll_det .role_steps .step+.step {
    display: none;
}

.web_prof_sect .bll_det .role_steps .inv_title {
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #030303;
}

.web_prof_sect .bll_det .role_steps .form-group.check_boxgrp .custom-control {
    min-height: initial;
}

.web_prof_sect .bll_det .role_steps .check_boxgrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.web_prof_sect .bll_det .role_steps .Virtual_bx_data .check_boxgrp {
    display: block;
    /* margin-left: auto; */
}

.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control:first-child {
    padding-left: 0;
}

.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control {
    align-items: center;
}

.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control label {
    padding-left: 25px;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 1;
    text-align: left;
    color: #474747 !important;
}

.web_prof_sect .paymt_box .bll_det .role_steps .form-group label {
    opacity: 1;
    display: inline-flex;
    gap: 0 10px;
}

.web_prof_sect .paymt_box .bll_det .role_steps .form-group label .fa {
    font-size: 18px;
    text-align: left;
    color: #ccc;
}

.web_prof_sect .paymt_box .bll_det .role_steps .offline_bx_data .form-group {
    display: block;
    margin-left: auto;
}

.web_prof_sect .paymt_box .bll_det .role_steps .offline_bx_data .form-group label,
.web_prof_sect .bll_det .role_steps .Virtual_bx_data .check_boxgrp .custom-control label {
    padding: 0;
    margin: 0 !important;
    gap: 0;
    height: 18px;
    width: 18px;
}

.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control-label::after {
    content: none;
}

.paymt_box .bll_det .role_steps .form-group {
    align-items: initial;
    grid-template-columns: .7fr 1.5fr;
    align-items: center;
}

.bck_btn1 {
    color: #FF702F;
}

.paymt_box .bll_det .role_steps .form-group.check_bx3 {
    align-items: initial;
}

.paymt_box .bll_det .role_steps .form-group.subcat_chkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}

.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control-label::before {
    width: 18px;
    height: 18px;
    left: 0;
    top: 1px;
    border-radius: 100px;
    background: #f5f6fa;
    border: 1px solid #747d84;
}
.web_prof_sect .bll_det .role_steps .check_boxgrp .custom-control-input:checked~ .custom-control-label::before{
     border: 5px solid #FF702F !important;
     background: #fff !important;
}
.offline_bx_data .custom-control-label::before,
.Virtual_bx_data .check_boxgrp .custom-control label::before {
    border-radius: 2px !important;
}

.web_prof_sect .bll_det .role_steps .offline_bx_data .check_boxgrp .custom-control-input:checked~.custom-control-label::before,
.web_prof_sect .bll_det .role_steps .Virtual_bx_data .check_boxgrp .custom-control-input:checked~.custom-control-label::before {
    background: #FF702F !important;
    border: 1px solid #FF702F !important;
}

.web_prof_sect .bll_det .role_steps .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.web_prof_sect .bll_det .role_steps .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.subcat_chkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF702F !important;
    border-color: #FF702F !important;
}

.subcat_chkbox .custom-control-input:focus~.custom-control-label::before,
.subcat_chkbox .custom-control-input:active~.custom-control-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.subcat_chkbox .custom-control {
    display: block;
    min-height: 1rem;
}

.subcat_chkbox .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.btn3:hover::after {
    height: 100%;
}

.btn3 {
    font-family: 'Inter', sans-serif;
    border-radius: 0;
    font-weight: 500 !important;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    border: 0;
    position: relative;
}

.btn3::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%) !important;
}

.btn3::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background-color: #FF702F !important;
    transition: .3s ease-in-out;
}

.web_prof_sect.pay_sec::before {
    background: url(./img/left_bg.jpg) no-repeat right;
    background-size: cover;
}

.nav_menu_tab li {
    display: inline-block;
    position: relative;
}

.nav_menu_tab li+li {
    margin-left: 25px;
}

.nav_menu_tab li a {
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #3b3b3b;
}

.nav_menu_tab li+li:before {
    position: absolute;
    top: 4px;
    left: -19px;
    content: "/";
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #3b3b3b;
}

.nav_menu_tab li:first-child::before {
    position: absolute;
    content: '';
    top: 8px;
    width: 16px;
    left: 0px;
    height: 14px;
    background-image: url(./img/icon-home.png);
    background-repeat: no-repeat;
}

.nav_menu_tab li:last-child a {
    color: #FF702F;
    font-weight: bold;
}

.nav_menu_tab li:first-child {
    padding-left: 20px;
}

.nav_menu_tab li {
    display: inline-block;
}

.web_prof_sect .paymt_box>.box1 {
    padding-right: 103px;
}

.web_prof_sect.pay_sec {
    padding: 40px 0;
}

.img_pro {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

.img_pro>img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    object-fit: cover;
    position: absolute;
    left: 0;
    z-index: -2;
    top: 0;
}

.img_pro:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border-radius: 30px;
    background: rgb(46, 52, 66);
    background: linear-gradient(47deg, rgba(46, 52, 66, 1) 0%, rgba(78, 88, 113, 1) 100%);
}

.follow_box {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.follow_box a.btn_foll {
    color: #fff;
    border-radius: 100px;
    padding: 8px 40px;
    background: rgba(255, 255, 255, 0.5);
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    /* filter: blur(1px); */
}

.follow_box a.btn_foll:hover,
.follow_box a.btn_share:hover {
    background: #FF702F;
    color: #fff !important;
}

.follow_box a.btn_share {
    color: #fff;
    border-radius: 20px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 16px;
}

.profile_certif_img img {
    width: 140px;
}

.follow_box .share {
    position: relative;
}

.blog_card:hover figure .share {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.follow_box .share>ul {
    position: absolute;
    top: -2px;
    right: 6px;
    opacity: 0;
    transition: .3s ease-in-out;
    border-radius: 50px;
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    background: #ECF1F8;
    padding: 3px 5px;
    height: 41px;
}

.follow_box .share:hover>ul {
    right: 45px;
    opacity: 1;
}

.follow_box .share>ul::before {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 8px;
    background: #ECF1F8;
    width: 8px;
}

.share>ul>li a:hover i {
    color: #fff !important;
}

.follow_box .share>ul>li a {
    height: 0;
    width: 0;
    text-align: center;
    line-height: 35px;
    display: block;
    border-radius: 100px;
    color: #1F1F1F;
    opacity: 0;
    transition: .2s ease-in-out;
}

.follow_box .share:hover>ul>li a {
    opacity: 1;
    height: 35px;
    width: 35px;
}

.follow_box .share:hover>ul>li i {
    color: #1F1F1F;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

.follow_box .share>ul>li:nth-child(1) a {
    transition-delay: 0.45s;
}

.follow_box .share>ul>li:nth-child(2) a {
    transition-delay: 0.4s;
}

.follow_box .share>ul>li:nth-child(3) a {
    transition-delay: 0.35s;
}

.follow_box .share>ul>li:nth-child(4) a {
    transition-delay: 0.3s;
}

.follow_box .share>ul>li:nth-child(5) a {
    transition-delay: 0.25s;
}

.follow_box .share>ul>li:nth-child(6) a {
    transition-delay: 0.2s;
}

.follow_box .share>ul>li:nth-child(7) a {
    transition-delay: 0.15s;
}

.follow_box .share>ul>li:nth-child(8) a {
    transition-delay: 0.1s;
}

.follow_box .share>ul>li:nth-child(1) a:hover {
    background: #4267b2;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(2) a:hover {
    background: #1DA1F2;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(3) a:hover {
    background: #c8232c;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(4) a:hover {
    background: #0e76a8;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(5) a:hover {
    background: #25D366;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(6) a:hover {
    background: #eb4924;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(7) a:hover {
    background: #FF5700;
    transition-delay: 0s;
}

.follow_box .share>ul>li:nth-child(8) a:hover {
    background: #00aff0;
    transition-delay: 0s;
}

.card_cont_prof {
    /* position: absolute; */
    top: 0px;
    border-radius: 30px;
    padding: 15px;
    width: 100%;
}

.img_cir img {
    width: 78px;
    height: 78px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 100%;
}

.Prof_imf {
    display: flex;
    align-items: center;
    /* gap: 0 20px; */
}

.rat_flow_sect .Prof_imf {
    align-items: flex-start;
}

.icon_b {
    background: #fff;
    color: #ccc;
    text-align: center;
    width: 40px;
    height: 40px;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 45px;
    flex: 0 0 40px;
    font-size: 20px;
}

.icon_b.like {
    color: #ff416c;
}

.card_cont_top {
    /* display: flex; */
    justify-content: space-between;
}

.Prof_imf .Prof_topt {
    padding-left: 15px;
}

.Prof_imf .Prof_topt li {
    display: block;
}

.card_cont_top .name_prof {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #fff;
}

.card_cont_top .location_p,
.card_cont_top .exp_icon {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #fff;
    opacity: 0.8;
}

ul.rating_star li {
    display: inline-block !important;
    width: initial !important;
}
ul.rating_star li + li{
    padding-left:5px
}
.rating_no {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.rating_star em {
    color: #ffd058;
    font-size: 15px;
    display: flex;
}

.rating_star li+li {
    margin-left: 0px;
}

.follow_box .share li {
    display: inline-block;
}

.rating_star {
    margin: 0;
}

.rat_flow_sect {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}

.rating_data p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #fff;
}

.card_Prof_detail .title_heading {
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #3b3b3b;
}

.card_Prof_detail .sub_title {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #707070;
}

.prof_mt_bb ul {
    margin: 0;
}

.prof_mt_bb ul li {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #FF702F;
    background: #FFF0E9;
    padding: 6px 20px;
    border-radius: 100px;
    margin-bottom: 15px;
    margin-right: 15px;
}

a.view_more_txt {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-decoration: underline;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #FF702F;
}

.prof_mt_bb {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.prof_mt_bb ul li:hover {
    background: #FF702F;
    color: #fff;
}

.tab_new_style ul {
    width: 100%;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
}

.tab_new_style ul li a {
    border-radius: 16px !important;
    background: transparent;
    text-align: center;
    line-height: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #3b3b3b;
    margin: 0;
    padding: 9px 5px;
}

.tab_new_style ul li a:hover {
    color: #FF702F !important;
}

.tab_new_style .nav-tabs li {
    width: 100%;
}

.tab_new_style .nav-tabs .nav-link.active {
    color: #FF702F;
    background-color: #FFF0E9 !important;
    border: 0;
    font-weight: bold;
}

.tab_new_style {
    margin-bottom: 18px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus-visible,
.nav-tabs .nav-link.active:focus-visible {
    border: 0;
    box-shadow: none;
}

.offline_bx_data {
    display: grid;
    grid-template-columns: 1.2fr 1fr .8fr 30px;
    gap: 10px;
    background: #f1f1f1;
    padding: 11px 15px;
    /* justify-content: center; */
}

.offline_list_sect li {
    display: block;
}

.session_name,
.price_name,
.duration_name {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    margin-bottom: 8px;
    text-transform: capitalize;
    color: #3b3b3b;
    line-height: initial;
}

.session_no,
.price_no,
.duration_no {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    color: #3b3b3b;
    text-transform: uppercase;
}

.offline_list_sect li+li {
    margin-top: 12px;
}

.offline_list_sect li {
    margin-bottom: 0;
}

.offline_list_sect .session_no {
    text-transform: capitalize !important;
}

.offline_bx_data .form-group {
    margin-bottom: 0;
}

.offline_list_sect {
    margin-top: 20px;
}

.offline_list_sect .custom-control-label::before,
.offline_list_sect .custom-control-label::after {
    width: 18px;
    height: 18px;
}

.offline_list_sect .custom-control-label::before {
    border-radius: 2px;
    background: #f5f6fa;
    border: 1px solid #747d84;
}

.con_prof_section {
    margin-bottom: 0px !important;
}

/*---------------------section new----------------------*/
.bg_gray {
    background: #f2f2f2;
    padding: 80px 0;
}

.tab_new_style2 ul {
    padding: 6px;
    border-radius: 100px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    width: 580px;
    max-width: 100%;
    /* height: 56px; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.tab_new_style2 .nav-tabs li {
    width: 100%;
}

.tab_new_style2 .nav-tabs .nav-link.active {
    color: #ff702f;
    border: 0;
    font-weight: 600;
    background: #FFF0E9 !important;
}

.tab_new_style2 ul li a {
    border-radius: 28px !important;
    background: transparent;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #3b3b3b;
    padding: 8px 10px;
}

.nav-tabs .nav-link {
    border: 0;
}

.tag_list_sect,
.prof_Descrip,
.prof_quali,
.gallery_sect {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    margin-top: 25px;
    padding: 20px;
}

.tag_list_sect {
    padding-bottom: 10px;
}

.tag_list_sect h5,
.prof_Descrip h5,
.prof_quali h5 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    color: #0a0808;
    margin-bottom: 20px;
}

.tag_list_sect h5 {
    margin-bottom: 10px;
}

.tag_list_sect ul li {
    margin-right: 15px;
    display: inline-block;
}

/*.tag_list_sect ul li +li{margin-left: 17px;}*/
.tag_list_sect ul li a {
    border-radius: 17.5px;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    color: #ff702f;
    background-color: #FFF0E9;
    display: block;
    padding: 6px 27px;
}

.prof_Descrip p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    color: #707070;
}

.quali_list_sect {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.1);
    display: grid;
    padding: 18px;
    grid-template-columns: 137px 1fr;
    gap: 30px;
    align-items: center;
}
.rating_lst .quali_list_sect{
    align-items: flex-start;
    height: 100%;
}
.quali_list_img img {
    border-radius: 10px;
    box-shadow: 0px 3px 50px rgba(0, 0, 0, 0.1);
    width: 137px;
    height: 100px;
}

.prof_quali ul li {
    display: inline-block;
}

.prof_quali ul {
    display: grid;
    gap: 30px;
    /*align-items: center;*/
    grid-template-columns: repeat(2, 1fr);
}

.prof_quali .quali_list_title {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    margin-bottom: 5px;
    color: #1f1f1f;
}

.prof_quali .quali_list_title2 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left;
    color: #1f1f1f;
}

.prof_quali .quali_list_sub_title {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    color: #707070;
}

.tab_new_style3 ul li a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    /* line-height: 30px; */
    text-align: center;
    color: #3b3b3b;
    text-transform: uppercase;
    border-radius: 28px !important;
    margin: 0px;
    padding: 7px 10px;
}

.tab_new_style3 ul li a:hover {
    color: #ff702f !important;
}

.tab_new_style3 .nav-tabs li {
    width: 100%;
}

.tab_new_style3 .nav-tabs .nav-link.active {
    color: #ff702f;
    font-weight: 600;
    background: #FFF0E9 !important;
}

.tab_new_style3 ul {
    width: 414px;
    max-width: 100%;
    border-radius: 28px;
    background: #fff;
    padding: 6px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
}

.tab_new_style3 {
    margin-bottom: 42px;
}

.gallary_img_list li {
    /* width: 239px; */
    /* height: 174px; */
    border-radius: 10px;
}

.gallary_img_list li {
    /* width: 22.888%; */
    display: block;
    border-radius: 10px;
}

.gallary_img_list li img {
    width: 100%;
    border-radius: 10px;
    height: 174px;
    object-fit: cover;
}

.gallary_img_list {
    display: grid;
    flex-wrap: wrap;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 0;
}

.gallary_img_list li video {
    width: 100%;
    height: 100%;
}

.business_sect {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 20px;
}

.card_bus_view {
    margin-bottom: 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
}

.img_prof img {
    width: 106px;
    height: 106px;
    border-radius: 10px;
}

.business_sect ul li {
    display: inline-block;
    position: relative;
}

.card_bus_view .rating_no {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #1f1f1f;
}

.img_prof {
    text-align: center;
}

.card_bus_view .rating_data {
    margin-top: 8px;
}

.location_p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #3b3b3b;
}

.business_sect .Prof_topt li+li:before {
    position: absolute;
    content: '|';
    top: 0;
    color: #3b3b3b;
    left: 3px;
}

.business_sect .Prof_topt li+li {
    padding-left: 15px;
}

.exp_icon {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #3b3b3b;
    margin-bottom: 0px;
}

ul.prof_bott>li {
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #ff702f;
    background: #FFF0E9;
    padding: 7px 32px;
    border-radius: 17.5px;
    margin-right: 10px;
    transition: .3s ease-in-out;
}

.business_sect>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 0px;
}

.detail_link {
    text-align: right;
    float: right;
    width: 50px;
}

ul.prof_bott>li:hover {
    color: #fff;
    background: #ff702f;
}

.prof_bott {
    margin-top: 10px;
    margin-bottom: 0;
}

.prof_locat_name {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    /* line-height: 23px; */
    text-align: left;
    color: #3b3b3b;
    /* margin-top: 10px; */
}

.detail_link a {
    color: #707070;
    font-size: 22px;
}

.calen-name-list {
    text-align: center;
    margin-bottom: 10px;
}

.calen-name-list button#previous {
    left: 20px;
}

.container-calendar #monthAndYear:focus {
    outline: none;
    border: 0px;
}

.calen-name-list button:focus {
    outline: none;
}

.calen-name-list button#next {
    right: 15px;
}

.calen-name-list button {
    border: 0px;
    background: transparent;
    padding: 0px;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    top: 5px;
    color: #000;
    line-height: 0;
    cursor: pointer;
}

.month_name {
    /* text-decoration: underline; */
    border: 0;
    text-align: center;
    width: auto;
    cursor: pointer;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #1f1f1f;
    font-family: 'Inter', sans-serif;
}

.month_name:focus-visible {
    outline: none;
}

.calen-name-list button em {
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
}

.container-calendar span.month_pic {
    font-size: 18px;
    text-align: left;
    color: #FF702F;
    position: relative;
    left: -30px;
    top: 2px;
}

.table-calendar-body ul li {
    justify-content: center;
    display: inline-block;
}

.table-calendar-body {
    margin: 15px 0;
}

.table-calendar-body ul {
    gap: 0 20px;
    display: flex;
    overflow: auto;
    cursor: move;
    margin: -15px;
    padding: 15px;
}

.table-calendar-body ul li a {
    width: 156px;
    height: 70px;
    display: block;
    padding: 15px;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #1f1f1f;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(40, 40, 40, 0.1);
    cursor: pointer;
}

.table-calendar-body ul li a:hover {
    color: #ff702f !important;
}

.tab_slot_day {
    margin-bottom: 20px;
    margin-top: 25px;
}

.table-calendar-body ul li.selected a {
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
    color: #fff !important;
}

.table-calendar-body ul li.selected a span {
    color: #fff;
}

.table-calendar-body ul li a span {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 13px;
    display: block;
    letter-spacing: 0.05em;
    text-align: left;
    color: #707070;
}

.tab_slot_day .nav-tabs {
    width: 380px;
    max-width: 100%;
    /* height: 45px; */
    border-radius: 22.5px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    padding: 4px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.tab_slot_day .nav-tabs .nav-link.active {
    color: #ff702f;
    background-color: #e8effa;
    border: 0;
    font-weight: bold;
    background: #FFF0E9 !important;
}

.tab_new_style ul {
    margin: 0 auto;
}

.tab_slot_day ul li {
    width: 100%;
}

.tab_slot_day ul li a {
    border-radius: 100px !important;
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    margin: 0;
    color: #3b3b3b;
    text-transform: uppercase;
    padding: 8px 5px;
}

.tab_slot_day ul li a:hover {
    color: #ff702f !important;
}

.table-calendar-body ul::-webkit-scrollbar {
    width: 0px;
    height: 0;
}

ul.time-slts-bx {
    display: grid;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 1px;
}

ul.time-slts-bx li:hover,
ul.time-slts-bx li.active {
    background: #ff702f;
    color: #fff;
}

ul.time-slts-bx li.d-active:hover,
ul.time-slts-bx li.d-active {
    background: #efefef;
    color: #707070;
}

ul.time-slts-bx li.noSlot {
    grid-column-start: 1;
    grid-column-end: 4;
}

ul.time-slts-bx li {
    /* width: 30%; */
    display: block;
    text-transform: uppercase;
    height: 30px;
    border-radius: 15px;
    background: #FFF0E9;
    line-height: 31px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #ff702f;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.time-list-bx::-webkit-scrollbar {
    width: 5px;
}

.time-list-bx::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.time-list-bx::-webkit-scrollbar-thumb {
    background: #1f1f1f;
}

.time-list-bx {
    overflow-y: auto;
    max-height: 143px;
    margin-bottom: 50px;
    margin-right: -15px;
    padding-right: 15px;
}

.tag_list_sect ul li a:hover {
    background: #ff702f;
    color: #fff !important;
}

@media(max-width:1199.5px) {

    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div,
    .crd_list_all>li:last-child .Pricing_tooltip>div {
        left: initial;
        right: -20px;
        transform: none;
    }

    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div::before,
    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div::after,
    .crd_list_all>li:last-child .Pricing_tooltip>div::before,
    .crd_list_all>li:last-child .Pricing_tooltip>div::after {
        left: initial;
        right: 50px;
        transform: none;
    }

    .frm_sect_list {
        grid-template-columns: auto;
        gap: 0 30px;
    }

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

    .bg_newletetr_bx ul.list_bnr_title {
        flex-wrap: wrap;
    }

    .bg_newletetr_bx ul.list_bnr_title li+li {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .list_fter,
    .socil_list_fter {
        margin-top: 15px;
    }

    /*------------------------------*/
    .web_prof_sect .paymt_box {
        flex-wrap: wrap;
    }

    .gallary_img_list .paymt_box>.box1,
    .gallary_img_list .paymt_box>.box2 {
        padding: 30px;
        max-width: 100%;
    }

    .pay_sec::before {
        width: 100%;
    }

    .prof_quali ul {
        display: grid;
    }

    .web_prof_sect .paymt_box>.box1 {
        padding-right: 0;
    }

    .web_prof_sect .paymt_box>.box1,
    .web_prof_sect .paymt_box>.box2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .web_prof_sect.pay_sec::before {
        background-position: top left;
    }

    .web_prof_sect .paymt_box>.box2 {
        margin-top: 30px;
    }

    ul.time-slts-bx {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .new_modal_style1 ul.time-slts-bx {
        grid-template-columns: 1fr 1fr 1fr
    }

    .tag_list_sect ul {
        /* display: flex; */
        flex-wrap: wrap;
        /* gap: 15px; */
    }

    .tag_list_sect ul li+li {
        margin-left: 0;
    }
}

@media(max-width: 575.5px) {

    .tag_list_sect, .prof_Descrip, .prof_quali, .gallery_sect,
    .user_bx_sect{
        padding:20px 15px
    }

    .tab_new_style2 ul {
        grid-template-columns: 1fr 1fr;
        /* border-radius: 20px; */
    }
    

    .offline_bx_data {
        position: relative;
        grid-template-columns: 1fr 1fr;
    }

    .offline_bx_data>div:first-child {
        order: 1;
    }

    .offline_bx_data>div:nth-child(3) {
        order: 4
    }

    .offline_bx_data>div:nth-child(2) {
        order: 3
    }

    .offline_bx_data>div:nth-child(4) {
        order: 2
    }

    .offline_bx_data .form-group.subcat_chkbox {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .crd_list_all .Pricing_tooltip>div {
        left: initial;
        right: -20px;
        transform: none;
    }

    .crd_list_all .Pricing_tooltip>div::before,
    .crd_list_all>li:last-child .Pricing_tooltip>div::after {
        left: initial;
        right: 50px;
        transform: none;
    }

    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div {
        left: -150px;
        right: inherit;
        transform: none;
    }

    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div::before,
    .sig_session_data .sig_bx .session_price .Pricing_tooltip>div::after {
        left: initial;
        right: 60px;
        transform: none;
    }

    .Prof_imf {
        display: block;
    }

    .gallary_img_list li img {
        height: 280px
    }

    .prof_mt_bb ul li {
        margin-right: 10px;
    }

    .month_name {
        font-size: 16px;
        margin-left: -20px;
    }

    .calen-name-list button#previous {
        left: 0;
    }

    .web_prof_sect .bll_det .role_stepcount li+li {
        margin-left: 40px;
    }

    .web_prof_sect .bll_det .role_stepcount li+li::before {
        width: 60px;
        left: -45px;
    }

    .list_fter li:last-child {
        margin-left: 0;
    }

    .tab_new_style2 ul {
        width: 550px;
    }

    .list_data_bus .prof_bott {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .business_sect>ul {
        grid-template-columns: auto;
    }
}

@media(max-width:480.5px) {
    .quali_list_sect {
        display: block;
    }

    .prof_quali .quali_list_cont {
        /* margin-top: 20px; */
    }

    .tab_new_style2 ul {
        width: 420px;
    }

    .tab_new_style2 ul li a {
        font-size: 16px;
    }

    .quali_list_sect,
    .card_bus_view {
        flex-wrap: wrap;
        justify-content: center;
        grid-template-columns: 100px 1fr;
        gap: 15px;
    }
}

@media(max-width:420.5px) {
    .gallary_img_list li img {
        height: 200px
    }

    .gallary_img_list li {
        width: 100%;
    }

    .prof_mt_bb ul {
        flex-wrap: wrap;
        gap: 15px;
    }

    .prof_mt_bb ul li+li {
        margin-left: 0;
    }

    .web_prof_sect .paymt_box .bll_det .role_steps .form-group {
        display: block;
    }
    .quali_list_img img {
        width: 100px;
    }


    .web_prof_sect .bll_det .role_steps .form-group.check_boxgrp .custom-control:last-child {
        margin-left: 0;
        padding-left: 0;
        margin-top: 10px;
    }

    ul.time-slts-bx li {
        width: 100%;
        font-size: 13px;
    }

    .bg_newletetr_bx {
        padding: 10px;
    }

    .offset-1 {
        margin: 0 auto;
    }

    .quali_list_img {
        margin-bottom: 15px;
    }

    .tab_new_style2 ul li a {
        font-size: 14px;
    }

    .list_data_bus .prof_bott {
        flex-wrap: wrap;
        /* gap: 20px; */
    }

    .bg_newletetr_bx ul.list_bnr_title {
        display: block;
    }

    .bg_newletetr_bx ul.list_bnr_title li+li {
        margin-left: 0;
    }

    .tab_slot_day ul li a {
        font-size: 12px;
    }

    .calen-name-list button#next {
        position: absolute;
    }
}

.signup_box,
.verfi_box,
.rest_box,
.vefi_success {
    display: none;
}

/*Footer*/
footer img {
    width: 100%;
}

footer .footer-link {
    margin: 0px;
    text-align: center;
    padding: 10px;
    background: #000;
}

footer .footer-link a {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 14px;
    padding: 10px 15px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.5s;
}

.ni-cross-sm:before {
    content: '\f00d ';
    font-family: 'FontAwesome';
    font-weight: 400;
}

@media (min-width: 576px) {
    .new_modal_style1 .modal-dialog {
        max-width: 570px;
    }

    .new_modal_style1 .modal-body {
        padding: 0px;
    }
}

@media (min-width: 768px) {
    .new_modal_style1 .modal-dialog {
        max-width: 600px;
    }
}

.new_modal_style1 .modal-content {
    border-radius: 20px;
    background: #FFF0E9;
    box-shadow: 1px 1.73px 10px rgba(0, 0, 0, 0.25);
}

.modal_sect {
    text-align: center;
    padding: 0 15px;
}

.new_modal_style1 .modal_sect {
    padding: 0px;
}

.new_modal_style1 .modal-content>.close {
    right: 10px;
    top: 6px;
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FF702F;
    z-index: 1;
    transition: all 0.3s;
    opacity: 1;
    font-size: 18px;
}

.heading_title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 18px;
    /* line-height: 19.2px; */
    text-align: center;
    color: #3b3b3b;
    margin: 35px 0px;
}

.modal_sect1 .btn.btn_blue {
    width: 186px;
    height: 50px;
    border-radius: 25px;
}

.new_modal_style1 .modal-body {
    padding: 0px;
    border-radius: 20px;
    background: #fff;
    margin: 7px;
    padding: 35px 33px;
    margin-top: 0;
}

/*------------------Bussiness details--------------------------------*/
.ni-share-fill:before {
    content: '\f1e0';
    font-family: fontawesome;
}

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

.shr_dfex a {
    color: #FF702F;
    font-size: 22px;
}

.shr_dfex a em {
    color: #ff702f;
    font-size: 22px;
}

.web_bus_sect {
    margin: 60px 0 103px 0;
}

.bus_bx_sect {
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
}

.bus_bx_sect h5 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    color: #0a0808;
}

.title_heading {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
    color: #3b3b3b;
}

.user_prof_bx {
    border-radius: 10px;
    background: #FF702F;
    padding: 6px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.cont_detail_bx {
    border-radius: 10px;
    background: #fff;
    padding: 15px 22px 26px 15px;
}

.bus_bx_sect .user_prof_bx .user_name {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.cont_detail_bx .title_name {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #030303;
    text-transform: uppercase;
}

.cont_detail_bx ul li {
    display: block;
}

.cont_detail_bx ul li .cont_list_data {
    border-radius: 20px;
    background: rgba(242, 242, 242, 0.35);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 5px 13px 20px;
}

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

.cont_detail_bx ul li+li {
    margin-top: 10px;
}

.user_detail_list .img_cir {
    position: relative;
    bottom: -40px;
    left: -24px;
}

.ni-globe:before {
    content: '\f0ac ';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.address_data {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 30px;
    padding: 20px;
    margin-bottom: 16px;
}

.address_data .lable_heading,
.link_data .lable_heading {
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    color: #707070;
}

.address_name {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #0a0808;
}

.aap_link_nme {
    overflow: hidden;
}

.aap_link_nme a {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #FF702F;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.map_bx {
    width: 141px;
    flex: 0 0 140px;
    border-radius: 10px;
    /* border: 2px solid #ccc; */
}

.user_detail_list .img_cir img {
    width: 110px;
    height: 110px;
    /*border: 4px solid #FF702F;*/
}

.cont_list_data h5 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FF702F;
    margin-bottom: 0;
}

.email_icon a {
    font-family: Nioicon;
    font-size: 18px;
    text-align: center;
    color: #FF702F;
    width: 55px;
    display: block;
    height: 52px;
    line-height: 52px;
    border-radius: 14px;
    background: #e8effa;
}

.email_icon a:hover {
    color: #fff;
    background: #FF702F;
}

.cont_list_data p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #707070;
    margin-bottom: 0;
}

.bus_bx_sect .user_prof_bx .user_detail {
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 9px;
}

.ni-mail-fill:before {
    content: '\f0e0';
    font-family: 'fontawesome';
}

.ni-call-fill:before {
    content: '\f095';
    font-family: 'fontawesome';
}

.id_name {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.link_data {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    display: flex;
    padding: 20px;
    gap: 20px;
}

.web_name {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
    margin-bottom: 5px;
}

.ni-mobile:before {
    content: '\f10b ';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.cont_detail_bx ul li:first-child .cont_list_data,
.cont_detail_bx ul li:nth-child(2) .cont_list_data {
    height: 64px;
}

.bus_bx_sect .social_list {
    margin: 0 auto;
    display: flex;
    gap: 12px;
    justify-content: center;
}

.social_list2 {
    margin: 0 auto;
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 20px 0 14px 0;
}

.bus_bx_sect .social_list li,
.social_list2 li {
    display: inline-block;
}

.social_list2 li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    display: block;
    text-align: center;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
}

.bus_bx_sect .social_list li a {
    width: 32px;
    text-align: center;
    display: block;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
}

.bus_bx_sect .social_list li:first-child a {
    background: #e8effa;
    color: #FF702F;
}

.bus_bx_sect .social_list li:nth-child(2) a {
    color: #25d366;
    background: rgba(37, 211, 102, 0.1);
}

.bus_bx_sect .social_list li:nth-child(3) a {
    background: rgba(66, 103, 178, 0.1);
    color: #4267b2;
}

.bus_bx_sect .social_list li:nth-child(4) a {
    background: rgba(0, 172, 238, 0.1);
    color: #00acee;
}

.bus_bx_sect .social_list li:nth-child(5) a {
    background: rgba(255, 0, 0, 0.1);
    color: #f00;
}

.bus_bx_sect .social_list li:first-child a:hover,
.social_list2 li:first-child a:hover {
    background: #769ddb;
    color: #fff;
}

.bus_bx_sect .social_list li:nth-child(2) a:hover,
.social_list2 li:nth-child(3) a:hover {
    color: #fff;
    background: #25D366;
}

.bus_bx_sect .social_list li:nth-child(3) a:hover,
.social_list2 li:nth-child(4) a:hover {
    background: #4267b2;
    color: #fff;
}

.bus_bx_sect .social_list li:nth-child(5) a:hover,
.social_list2 li:nth-child(6) a:hover {
    background: #f00;
    color: #fff;
}

.bus_bx_sect .social_list li:nth-child(4) a:hover,
.social_list2 li:nth-child(5) a:hover {
    background: #00aff0;
    color: #fff;
}

@media(max-width:1199.5px) {
    .user_prof_bx {
        margin-bottom: 15px;
    }
}

@media(max-width:768.5px) {
    .offset-3 {
        margin: 0 auto;
    }
}

@media(max-width:480.5px) {

    .cont_detail_bx ul li:first-child .cont_list_data,
    .cont_detail_bx ul li:nth-child(2) .cont_list_data {
        height: auto;
    }

    .address_data,
    .link_data {
        flex-wrap: wrap;
    }

    .cont_detail_bx ul li .cont_list_data {
        flex-wrap: wrap;
    }
}

@media (min-width: 575px) {
    .all-modal-style .modal-dialog {
        max-width: 506px;
    }
}

@media (min-width: 768px) {
    .all-modal-style .modal-dialog {
        max-width: 770px;
    }
}

.all-modal-style .modal-body {
    padding: 30px;
}

.all-modal-style .modal-content .close {
    width: 32px !important;
    height: 32px !important;
    background: #FF702F !important;
    border: 1.5px solid #ebebeb !important;
    filter: drop-shadow(-0.87px 0.5px 1px rgba(0, 0, 0, 0.15)) !important;
    position: absolute;
    top: -9px;
    right: -9px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
    transition: all .3s;
    opacity: 1;
    border-radius: 50px;
}

.all-modal-style h5.modal-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #364a63;
    background: #fff;
    padding: 15px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #dee2e6;
}

.profile_image {
    position: relative;
}

.file-upload {
    display: none;
}

.circle {
    border-radius: 100% !important;
    overflow: hidden;
    width: 110px;
    height: 110px;
    border: 4px solid #FF702F;
    position: relative;
    bottom: -40px;
    left: -24px;
}

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

.p-image {
    text-align: center;
    line-height: 31.44px;
    top: 52px;
    right: 23px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 28.44px;
    height: 28.44px;
    background: #fff;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
    border-radius: 100%;
    font-size: 17px;
    color: #FF702F;
    position: absolute;
}

.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
    font-size: 1.2em;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999;
}

.Create_busin_prof .cont_detail_bx ul {
    margin-top: 15px;
    margin-bottom: 0;
}

.ni-cross:before {
    content: '\f00d ';
    font-family: 'FOntAwesome';
    font-weight: 400;
}

.p-image i {
    line-height: 28px;
}

.close_icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #ccc;
}

.Create_busin_prof .cont_detail_bx textarea.form-control {
    height: inherit !important;
    min-width: inherit !important;
}

.Create_busin_prof .cont_detail_bx .form-control,
.cont_detail_bx1 li .form-control {
    border: 0px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
    background: transparent;
}

.cont_detail_bx1 li .form-control {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.5);
}

.Create_busin_prof .cont_detail_bx .form-group,
.form-control,
.cont_detail_bx1 li .form-group {
    margin-bottom: 0;
}

.Create_busin_prof .user_name {
    color: #fff;
}

.cont_detail_bx1 li {
    display: inline-block;
    width: 100%;
}

.Create_busin_prof .scroller {
    overflow-y: auto;
    max-height: 430px;
    padding-right: 10px;
}

.Create_busin_prof .scroller::-webkit-scrollbar {
    width: 5px;
}

.Create_busin_prof .scroller::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2.5px;
}

.Create_busin_prof .scroller::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 2.5px;
}

.Create_busin_prof .user_detail {
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 9px;
}

.cont_detail_bx1 li .form-control:active::-webkit-input-placeholder,
.cont_detail_bx1 li .form-control:focus::-webkit-input-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control:active::-moz-placeholder,
.cont_detail_bx1 li .form-control:focus::-moz-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control:active:-ms-input-placeholder,
.cont_detail_bx1 li .form-control:focus:-ms-input-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control:active::-ms-input-placeholder,
.cont_detail_bx1 li .form-control:focus::-ms-input-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control:active::placeholder,
.cont_detail_bx1 li .form-control:focus::placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control::-webkit-input-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control::-moz-placeholder {
    color: #fff !important;
}

.cont_detail_bx1 li .form-control:-ms-input-placeholder {
    color: #999 !important;
}

.cont_detail_bx1 li .form-control::-ms-input-placeholder {
    color: #fff !important;
}

.color_aap_pk [type='color'] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    width: 23px;
    height: 23px;
    border: none;
}

.color_aap_pk [type='color']::-webkit-color-swatch-wrapper {
    padding: 0;
}

.color_aap_pk label {
    margin-bottom: 0;
    align-items: center;
    display: inline-flex;
    gap: 0 20px;
}

.color_aap_pk [type='color']::-webkit-color-swatch {
    border: none;
}

.color_aap_pk label {
    margin-bottom: 0;
}

.color_aap_pk {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding: 10px 15px;
    background: #fff;
    border: 2px solid #dee6ec;
}

.color_aap_pk label span {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #8094ae;
}

.bx_shdwo .title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: left;
    color: #5e6d82;
}

.Create_busin_prof .cont_detail_bx .form-control {
    height: 35px !important;
}

.bx_shdwo {
    border-radius: 10px;
    background: #fff;
    padding: 16px 16px 27px 22px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
}

.socail_list_bx ul li {
    display: inline-block;
    border-radius: 10px;
    background: #fff;
    box-shadow: 1px 0px 15px rgb(0 0 0 / 16%);
    max-width: 28.999%;
    flex: 0 0 28.999%;
    text-align: center;
    padding: 13px 0;
}

.socail_list_bx {
    margin-top: 20px;
}

.socail_list_bx ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.socail_list_bx ul li a span {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #707070;
    display: block;
    text-transform: uppercase;
}

.socail_list_bx ul li a {
    font-size: 18px;
    color: #FF702F;
}

@media(max-width:420.5px) {
    .socail_list_bx ul li {
        max-width: 45.999%;
        flex: 0 0 45.999%;
    }
}

/*------------------------------------------*/
.grp_list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 4fr;
    align-items: center;
}

.grp_list+.grp_list {
    margin-top: 14px;
}

.bx_grp_social,
.link_data2,
.bx_grp_list {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 20px;
    margin-bottom: 15px;
}

.bx_grp_social {
    margin-top: 15px;
    margin-bottom: 0;
}

.bus_list_sect {
    margin-top: 25px;
}

.ni-google-play-store:before {
    content: "";
}

.ni-apple-store:before {
    content: "";
}

.d-bx_aap+.d-bx_aap {
    margin-top: 10px;
}

.d-bx_aap {
    display: flex;
    gap: 15px;
}

.lable_heading {
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    color: #707070;
    /* margin-bottom: 15px; */
}

.address_data_bx .lable_heading {
    margin-bottom: 10px;
}

.link_data2 .aap_link_nme {
    display: grid;
    grid-template-columns: 1fr 76px;
    gap: 10px;
}

.bus_list_sect .shr_dfex h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #0a0808;
    margin-bottom: 0;
    text-transform: uppercase;
}

.link_data2 .icon_aap em {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: #e8effa;
    text-align: center;
    display: block;
    line-height: 32px;
    color: #FF702F;
    font-size: 18px;
}

.social_list3 li a {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    line-height: 40px;
}

.social_list3 li {
    display: inline-block;
}

.social_list3 {
    display: flex;
    gap: 18px;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}

.social_list3 li:nth-child(1) a {
    background: rgba(66, 103, 178, 0.1);
    color: #4267b2;
}

.social_list3 li:nth-child(2) a {
    color: #25d366;
    background: rgba(37, 211, 102, 0.1);
}

.social_list3 li:nth-child(3) a {
    background: rgba(0, 172, 238, 0.1);
    color: #00aff0;
}

.social_list3 li:nth-child(4) a {
    background: rgba(0, 172, 238, 0.1);
    color: #00aff0;
}

.social_list3 li:nth-child(4) a .fa-skype {
    background: initial;
    color: #00aff0;
}

.social_list3 li:nth-child(4) a:hover .fa-skype {
    color: #fff !important;
}

.social_list3 li:nth-child(1) a:hover {
    background: #4267b2;
    color: #fff !important;
}

.social_list3 li:nth-child(2) a:hover {
    background: #25d366;
    color: #fff !important;
}

.social_list3 li:nth-child(3) a:hover {
    background: #00aff0;
    color: #fff !important;
}

.social_list3 li:nth-child(4) a:hover {
    background: #00aff0;
    color: #fff !important;
}

.bg_img_bus::before {
    content: '';
    /* background: url(./img/bg-bus.jpg) no-repeat; */
    background-size: cover;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fff;
    top: 0;
    border-radius: 15px;
    left: 0;
}

.bg_img_bus {
    padding: 17px 20px 20px 20px;
    position: relative;
    z-index: 1;
}

.bg_grad {
    border-radius: 10px;
    height: 178px;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

.bg_img_bus .shr_dfex {
    padding: 0 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(48, 109, 208, 0.14);
    margin: 0 -20px;
    margin-bottom: 20px;
}

.prof_user_details {
    margin-top: -175px;
    width: 100%;
    position: relative;
    padding: 20px;
    display: flex;
    gap: 20px;
}

.img_inner a {
    width: 250px;
    height: 250px;
    border-radius: 35px;
    /* border: 5px solid #fff; */
    box-shadow: 0px 0px 50px rgb(0 0 0 / 16%);
    display: inline-table;
    position: relative;
}

.img_inner img {
    width: 250px;
    height: 250px;
    border-radius: 35px;
    object-fit: cover;
    border: 5px solid #fff;
    position: relative;
}

.bg_img_bus .user_name {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #fff;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    padding-top: 45px;
}

.bg_img_bus .user_info {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    /* line-height: 22px; */
    text-align: left;
    color: #fff;
}

.bg_img_bus .user_id_no {
    border-radius: 23px;
    background: #fff;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.16);
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    /* line-height: 43px; */
    text-align: center;
    color: #ff702f;
    padding: 10px 15px;
    width: 100%;
    margin-top: 70px;
}

.user_info_bx .title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #3b3b3b;
    display: inline-flex;
    align-items: center;
    gap: 0 10px;
}

.user_info_bx .title i {
    font-size: 23px;
}

.prof_user_bx {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.sub_title {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #707070;
    margin-bottom: 0;
    line-height: 28px;
}

.user_cont_bx {
    margin-bottom: 0;
    display: flex;
    gap: 30px;
    justify-content: center;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.user_cont_bx li {
    display: inline-block;
}

.email_icon1 em {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    background: #FFF0E9;
    display: inline-block;
    line-height: 43px;
    text-align: center;
    border-radius: 14px;
    font-size: 22px;
    color: #ff702f;
    transition: .3s ease-in-out;
}

.email_icon1 a:hover em {
    background: #ff702f;
    color: #fff;
}

.email_icon1 a {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #3b3b3b;
    gap: 0 15px;
    transition: .3s ease-in-out;
}

.email_icon1 a:hover {
    color: #ff702f !important
}

.user_info_bx {
    border-bottom: 2px solid #f6f6f6;
    margin: 0 20px;
    margin-bottom: 20px;
    /* padding: 0 20px; */
    padding-bottom: 20px;
}

.bg_img_bus ul.Prof_topt {
    display: flex;
    flex-wrap: wrap;
}

.bg_img_bus ul.Prof_topt li {
    display: inline-block;
    position: relative;
    /* padding-left: 15px; */
}

.bg_img_bus .Prof_topt li+li:before {
    position: absolute;
    content: '|';
    top: 0;
    color: #3b3b3b;
    left: 3px;
}

.bg_img_bus .Prof_topt li:first-child {
    margin-right: 10px;
}

.bg_img_bus .Prof_topt li+li {
    padding-left: 15px;
}

.bus_list_sect.bg_img_bus .card_bus_view {
    display: grid;
    grid-template-columns: 106px 3fr 1fr;
}

.rating_data .btn_blue {
    border-radius: 5px;
    width: 160px;
    margin-top: 10px;
}

.rating_star em.un-like {
    color: #ccc;
}

.card_bus_view .rating_data {
    text-align: right;
}

.my_aap_bx {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 20px;
    margin-bottom: 16px;
}

.my_aap_list {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.qr_bx {
    text-align: center;
}

.qr_bx p {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #3b3b3b;
}

.my_aap_bx .lable_heading {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    color: #707070;
    margin-bottom: 15px;
}

.address_data_bx {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 20px;
    margin-bottom: 16px;
}

.address_data2 {
    display: flex;
    gap: 30px;
    align-items: center;
}

.social_list3 li a i {
    line-height: 40px;
}

.ni-star-fill:before {
    content: '\f005';
    font-family: 'FontAwesome';
}

/*.tab_new_sty3 ul{width: 613px;height: 56px;}*/
.tab_new_sty3 ul li a {
    border-radius: 28px !important;
    background: transparent;
    text-align: center;
    /* line-height: 29px; */
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #3b3b3b;
    margin: 0px;
}

.tab_new_sty3 ul li a:hover {
    color: #ff702f !important;
}

@media(max-width:420.5px) {
    .tab_new_style3 ul li {
        width: initial;
    }

    .tab_new_style3 ul li a {
        font-size: 14px;
        padding: 8px 15px;
    }

    .tab_new_sty3 ul li a {
        font-size: 13px;
        padding: 10px 5px;
    }

    .bus_list_sect.bg_img_bus .card_bus_view,
    .prof_user_details,
    .user_cont_bx,
    .grp_list,
    .address_data2,
    .my_aap_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .user_cont_bx {
        padding-left: 20px;
    }

    .grp_list {
        gap: 0;
    }

    .bg_img_bus .user_name,
    .bg_img_bus .user_info {
        color: #030303;
    }

    .bg_img_bus .user_id_no {
        margin-top: 0px;
    }
}

.bck_btn2 {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #FF702F;
}

.pay_sec.prof_login .form-group.crd_num {
    display: grid;
}

.paymt_box>.box2.pt-pb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.fancybox-navigation svg,
.fancybox-toolbar svg {
    margin: 0px;
}

.bck_btn1 em {
    color: #FF702F;
    font-size: 18px;
    position: relative;
    top: 2px;
}

/**** added by hanney****/
.tab-pane.fade.active.show {
    display: block !important;
    opacity: 1;
}

.bll_det .tab-pane {
    padding: 0
}

.tab_new_style ul,
.tab_new_style2 ul,
.tab_slot_day .nav.nav-tabs {
    flex-wrap: unset;
}

.custom-control.custom-checkbox.billPro {
    padding-left: 0px;
}

.custom-control.custom-checkbox.billPro label {
    display: block;
    width: 30px;
    height: 30px;
}

/**** added by hanney****/
.follow_box .share>ul>li a .fa-skype {
    background: initial;
}

.offline_bx_data .custom-control.custom-checkbox.billPro label {
    display: block !important;
    width: 25px;
    height: 25px;
}

.web_prof_sect .bll_det .role_steps .offline_bx_data .check_boxgrp .custom-control-label::after,
.web_prof_sect .bll_det .role_steps .Virtual_bx_data .check_boxgrp .custom-control label::after {
    content: '';
    background: url(./img/Icon-check.png) no-repeat center center;
    width: 15px;
    height: 8px;
    background-size: contain;
    position: absolute;
    top: 6px;
    left: 2px;
}

.container-calendar span.month_pic em {
    font-size: 18px;
    color: #ff702f;
}

/*-----------------------------------Css login---------------------------------------------*/
.paymt_box>.box2 .title {
    display: inline-block;
    /* padding-bottom: 5px; */
}

.paymt_box>.box2 .title span {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 38px;
    text-align: left;
    color: #707070;
    display: block;
}

.pay_alert_text {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #FF702F;
}

.head_title_log_sign .pay_alert_text a {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    color: #FF702F;
}

.prof_login.web_prof_sect .bll_det .head_title_log_sign {
    display: flex;
    justify-content: space-between;
}

.offline_list_sect .billPro label {
    display: block !important;
    width: 25px;
    height: 25px;
}

ul.card_list_all::-webkit-scrollbar {
    width: 0px;
    height: 0;
}

.paymt_box>.box2 .title.sub_title {
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding-bottom: 15px;
}

ul.card_list_all .card_add_list {
    width: 272px;
}

ul.card_list_all .card_add_list .form-group {
    margin-bottom: 0 !important;
}

ul.card_list_all .card_add_list .custom-control {
    padding-left: 0;
    height: 18px;
}

ul.card_list_all .card_add_list .custom-control>input:focus~.custom-control-label::before {
    outline: 0;
    background: #F5F6FA;
    border-color: #747D84;
    box-shadow: none;
}

ul.card_list_all .card_add_list .custom-control>input:checked~.custom-control-label::before {
    background: #FF702F !important;
    border-color: #FF702F;
    border-width: 1px !important;
}

ul.card_list_all .card_add_list .custom-control .custom-control-label::after {
    background: url(./img/Icon-check.png) no-repeat center center;
    /* background-size: contain; */
    left: 4px;
    top: 7px;
}

.card_add_list .custom-control-label::before {
    border-radius: 2px !important;
}

.card_data .card_exp_dat {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #707070;
    margin-bottom: 0;
}

.card_det ul li {
    display: block;
}

.card_add_list .chk_img {
    display: flex;
    align-items: center;
    gap: 0 5px;
}

ul.card_list_all {
    display: flex;
    gap: 0 30px;
    overflow: auto;
    cursor: move;
}

.paymt_box .role_steps .form-group.fl1fr {
    grid-template-columns: 1fr;
}

.card_add_list {
    background: #FFF0E9;
    border: 1px solid #FFF0E9;
    display: grid;
    align-items: center;
    border-radius: 5px;
    gap: 0 20px;
    padding: 15px;
    grid-template-columns: 0.5fr 2fr;
}

.card_add_list .form-group {
    display: flex;
    margin-bottom: 0;
}

.subcat_chkbox1 .custom-control-label::before {
    background: #dde6ed;
    border: 1px solid #747d84;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.subcat_chkbox1 .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF702F !important;
    border-color: #FF702F !important;
}

.subcat_chkbox1 .custom-control-input:focus~.custom-control-label::before,
.subcat_chkbox1 .custom-control-input:active~.custom-control-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.subcat_chkbox1 .custom-control-label:after {
    font-size: 11px;
    font-weight: 400;
    width: 15px;
    height: 15px;
}

.subcat_chkbox1 .custom-control {
    display: block;
    min-height: 1rem;
}

.subcat_chkbox1 .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.paymt_box .subcat_chkbox1.form-group label {
    opacity: 1;
}

.paymt_box .subcat_chkbox1.form-group {
    display: flex;
    align-items: center;
}

.form-group.cvv {
    display: block;
    width: 100%;
}

.card_add_list label {
    width: 18px;
    height: 18px;
}

.card_data .card_no {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 23px;
    text-align: left;
    color: #030303;
    margin-bottom: 0;
}

.web_prof_sect .bll_det .role_steps .card_add_list .check_boxgrp .custom-control-label::before {
    width: 18px;
    height: 18px;
}

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

.pay_ss.d-block.hide {
    display: none !important;
}

.pay_ss.d-block.show {
    display: block !important;
}

.paymt_box .form-group.d-block {
    display: block;
}

.bck_btns {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #ff702f;
}

.bck_btns:hover {
    color: #E65933 !important
}

.bck_btns em {
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: #ff702f;
    margin-right: 5px;
}

.tag_list_sect ul li+li {
    margin-top: 15px;
}

.msg_icon {
    text-align: center;
}

.msg_cont {
    text-align: center;
    padding: 0 35px;
}

.msg_cont h5 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 38px;
    color: #1f1f1f;
    margin-top: 30px;
}

.card_add_list.selected {
    border: 1px solid #FF702F;
}

.msg_cont p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 29px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 1rem !important;
}

button {
    border: 0px !important;
}

.msg_cont p a,
.msg_cont p span {
    color: #FF702F;
}

button:focus {
    outline: 0px !important;
}

.msg_cont p span {
    font-weight: bold;
}

.scrollList {
    overflow-y: auto;
    height: 400px;
    margin-top: 15px;
    padding-right: 20px;
    margin-right: -20px;
}

.paymt_box .scrollList {
    margin-top: 0;
}

.scrollList::-webkit-scrollbar {
    height: 0;
    width: 5px;
}

.scrollList::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollList::-webkit-scrollbar-thumb {
    background: #1f1f1f;
}

.scrollList .offline_list_sect {
    margin-top: 10px;
}

li.noSlot {
    background: none !important;
    width: 100% !important;
    text-align: center !important;
    color: #000 !important;
    font-weight: 600 !important;
}

.time-slts-bx li.disabled {
    background: #efefef !important;
    color: #707070 !important;
    cursor: not-allowed;
}

.img_cir {
    flex: 0 0 80px;
    max-width: 80px;
    position: relative;
}
.card_cont_prof .img_cir .pinitial,  .img_inner .pinitial {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 600;
    position:absolute;
    top:0;
    left:0;
    color: #000;
    font-family: var(--theme-font);
    background: #f9f9f9;
    z-index: 9;
    height: 100%;
    width: 100%;
    border-radius: 100px;
}
.img_inner .pinitial,
.pay_sec_prof .img_cir .pinitial{
    border-radius: 20px;
}
.pay_sec_prof .img_cir .pinitial{
    font-size:50px
}
.prof_user_details .img_inner .pinitial{
    border-radius:35px;
    font-size: 35px;
}
button#p_book_now.disabled:before,
button#p_book_now.disabled:hover {
    background: #cecece !important;
    cursor: not-allowed;
}

button#p_book_now.disabled:after {
    height: 0% !important;
}

.user_cont_bx.professional {
    margin-bottom: 0;
    padding: 20px;
    /* margin-bottom: 20px; */
    padding-top: 0;
    display: block;
}

.user_cont_bx.professional li {
    display: block;
    /* margin-bottom: 5px; */
}

.user_cont_bx.professional li+li {
    margin-top: 15px;
}

/*-----------------------Profile-----------------------------*/
.pay_sec_prof .card_cont_top {
    align-items: start;
}

.pay_sec_prof .Prof_topt {
    padding-left: 30px;
    padding-top: 40px;
    padding-right: 20px;
}

.pay_sec_prof .Prof_topt li.name_prof {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    color: #fff;
}

.pay_sec_prof .location_p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    color: #fff;
}

.pay_sec_prof .exp_icon {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #fff;
    margin-top: 15px;
}

.card_Prof_detail,
.nav_menu_tab {
    margin-top: 20px;
}

.card_Prof_detail {
    margin-top: 0;
}

.exper_sect h6 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 27px;
    margin-bottom: 0;
}

.rating_data p {
    margin-bottom: 0;
}

.exper_sect h6 span {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    display: block;
    color: #fff;
}

.rating_exp_sect {
    display: flex;
}

.exper_sect {
    padding-left: 15px;
    position: relative;
}

.exper_sect:before {
    position: absolute;
    left: 5px;
    background: #fff;
    height: 100%;
    width: 1px;
    content: '';
    opacity: 0.5;
}

.pay_sec_prof .Prof_topt li::before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0px;
    z-index: 99;
    background-repeat: no-repeat;
}

.pay_sec_prof .Prof_topt li {
    position: relative;
}

.pay_sec_prof .Prof_topt li.fit_icon::before {
    background-image: url(../../../img/Professional/fit_icon.png);
    width: 24px;
    height: 17px;
}

.pay_sec_prof .Prof_topt li.location_p.location_icon::before {
    background-image: url(../../../img/Professional/location.png);
    width: 24px;
    height: 17px;
    top: 3px;
    left: 6px;
}

.pay_sec_prof .Prof_topt li span {
    padding-left: 30px;
    display: block;
}

.ni-arrow-right-circle-fill:before {
    content: '\f0a9 ';
    font-weight: 900;
    font-family: 'FOntAwesome'
}

.pay_sec_prof .img_pro>img {
    height: 270px;
}

.pay_sec_prof .Prof_imf .img_cir {
    flex: 0 0 267px;
    max-width: 267px;
}

.crd_list_all li>a:hover {
    text-decoration: none;
}

.pay_sec_prof .img_cir img {
    width: 267px;
    height: 267px;
    border-radius: 20px;
}

.pay_sec_prof .rat_flow_sect {
    margin-top: -15px;
}

.online_per_card {
    border-radius: 15px;
    background: rgb(255 163 6 / 12%);
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */
}

.pay_sec_prof .text_header {
    margin-top: 45px;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 15px !important;
    text-transform: uppercase;
}

.pay_sec_prof .text_descp {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 25px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 45px;
}

.crd_list_all .header_crd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #fff;
}

.crd_header_txt {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #1f1f1f;
    text-transform: uppercase;
}

.crd_list_all .cont_crd {
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.crd_list_all .icon_share {
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    height: 35px;
    background: #FFA306;
    color: #fff;
    text-align: center;
    border-radius: 50px;
}

.crd_list_all .icon_share .icon {
    color: #fff;
    font-style: initial;
    line-height: initial;
    font-size: 18px;
}

.crd_list_all .icon_clk .icon {
    color: #FFA306;
    font-size: 32px;
    margin: 0;
}

.icon_clock-fill .icon {
    color: #FFA306;
    font-size: 35px;
    margin: 0;
}

.ni-clock-fill:before {
    content: '\f017';
    font-weight: 400;
    font-family: 'FontAwesome';
}

.crd_list_all .text_session {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #707070;
    margin-bottom: 10px;
    margin-top: 15px;
}

.crd_list_all .text_day {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 0;
    margin-top: 8px;
}

.crd_list_all .text_timer_hd {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    color: #707070;
    margin-top: 15px;
}

.crd_list_all .text_min {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 0;
    margin-top: 8px;
}

.crd_list_all {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.crd_list_all .btn_price {
    padding: 20px;
    padding-top: 0;
}

.crd_list_all .btn_price button {
    font-family: 'Inter', sans-serif;
    transition: .3s ease-in-out;
    font-weight: 500;
    font-size: 16px;
    border: 0px;
    width: 100%;
    padding: 15px 6px;
    height: 54px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 27px;
    background: #FFA306;
    z-index: 1;
    /* text-align: center; */
    position: relative;
}

.crd_list_all .btn_price button:hover::after {
    height: 100%;
}

.crd_list_all .btn_price .icon {
    float: right;
    font-size: 34px;
    font-weight: bold;
    position: absolute;
    top: 8px;
    right: 10px;
}

.crd_list_all li {
    display: inline-block;
}

.crd_list_all .text_price_hd {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    color: #707070;
    margin-top: 15px;
}

.crd_list_all .text_price {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 0;
    margin-top: 8px;
}

.icon_dollar .icon {
    color: #FFA306;
    font-size: 35px;
    margin: 0;
}

.crd_list_all .icon_share:hover .icon {
    color: #fff;
}

.crd_list_all .icon_share:hover {
    color: #FF702F;
    background: #E65933;
}

.crd_list_all li:nth-child(2) .online_per_card {
    background: rgb(255 112 47 / 12%);
}

.crd_list_all li:nth-child(2) .icon_share {
    background: #FF702F;
}

.crd_list_all li:nth-child(2) .icon_clock-fill .icon,
.crd_list_all li:nth-child(2) .icon_clk .icon,
.crd_list_all li:nth-child(2) .icon_dollar .icon {
    color: #FF702F;
}

.crd_list_all li:nth-child(2) .btn_price button {
    background: #FF702F;
}

.crd_list_all li:nth-child(3) .online_per_card {
    background: rgb(121 86 186 / 12%);
}

.crd_list_all li:nth-child(3) .icon_share {
    background: #7956BA;
}

.crd_list_all li:nth-child(3) .icon_clock-fill .icon,
.crd_list_all li:nth-child(3) .icon_clk .icon,
.crd_list_all li:nth-child(3) .icon_dollar .icon {
    color: #7956BA;
}

.crd_list_all li:nth-child(3) .btn_price button {
    background: #7956BA;
}

.crd_list_all .btn_price button .icon {
    color: #fff;
}

.ni-sign-dollar:before {
    content: '\f155';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.crd_list_all li:nth-child(2).icon_share:hover .icon,
.crd_list_all li:nth-child(3).icon_share:hover .icon {
    color: #fff;
}

.crd_list_all li:nth-child(2) .icon_share:hover,
.crd_list_all li:nth-child(3) .icon_share:hover {
    color: #FF702F;
    background: #E65933;
}

.text_header {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #3b3b3b;
}

.text_descp {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 25px;
    text-align: center;
    color: #3b3b3b;
}

/*-----------------------------------css 27-05-22--------------------------------------------------*/
.con_prof_section {
    background: rgb(255 112 47 / 10%);
    padding: 63px 0px;
}

.con_prof_section .heading_title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 37px;
    text-transform: uppercase;
    text-align: center;
    color: #3b3b3b;
    margin-top: 0;
}

.list_bnr_sect li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-weight: 400;
    position: absolute;
    left: 6px;
    color: #fff;
    font-size: 10px;
    top: 0px;
    z-index: 99;
}

.list_bnr_sect li::after {
    position: absolute;
    content: '';
    border-radius: 100%;
    top: 4px;
    left: 2px;
    z-index: 0;
    width: 20px;
    height: 20px;
    background: #FF702F;
}

.list_bnr_sect li {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #3b3b3b;
    display: inline-block;
    padding-left: 30px;
    display: block;
    color: #3b3b3b;
    position: relative;
}

.list_bnr_sect li+li {
    margin-top: 10px;
}

.list_bnr_sect .title {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    text-align: left;
    color: #FF702F;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.btn_click:hover {
    background: #E65933;
    color: #fff;
}

.user_bx_sect {
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.user_bx_sect .img_inner a,
.user_bx_sect .img_inner img {
    width: 117px;
    height: 117px;
    border-radius: 20px;
    position: relative;
}

.user_bx_sect .user_name {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #3b3b3b;
}

.user_bx_sect .rating_no {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    /* line-height: 38px; */
    text-align: left;
    color: #707070;
}

.user_bx_sect .user_bx_inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.user_bx_sect .rating_star em.un-like {
    color: #fed430;
    opacity: 0.3;
}

.user_bx_content .exper_text {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #707070;
}

.user_bx_content .exper_text span {
    font-weight: bold;
}

.user_bx_content .address_text {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #707070;
}

.user_bx_content {
    margin: 12px;
}

.btn_click {
    transition: .3s ease-in-out;
    /* height: 40px; */
    background: #ff702f;
    border-radius: 100px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
}

.con_thr_tab li a {
    position: relative;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    height: 97px;
    display: flex;
    align-items: center;
    font-size: 18px;
    border-radius: 20px !important;
    /* line-height:81px; */
    text-align: left;
    text-transform: uppercase;
    color: #3b3b3b !important;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    margin: 0;
    padding: 20px 30px;
    padding-right: 45px;
}

.con_thr_tab li a.active,
.con_thr_tab .nav-tabs .nav-link.active {
    color: #fff !important;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

.con_thr_tab li a:hover {
    color: #fff !important;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

.con_thr_tab li+li {
    margin-top: 30px;
}

.con_thr_tab li a.active:after,
.con_thr_tab li a:hover::after {
    content: "\f054";
    position: absolute;
    right: 25px;
    top: 50%;
    font-family: 'FontAwesome';
    font-size: 18px;
    transform: translateY(-50%);
}

.con_thr_tab li a.active:before,
.con_thr_tab li a:hover:before {
    position: absolute;
    right: 0px;
    bottom: -15px;
    width: 169px;
    content: '';
    background: url(../../../img/Professional/btn_icon.png);
    z-index: 9;
    background-size: cover;
    height: 130px;
    background-repeat: no-repeat;
}

.app_bx_sect {
    border-radius: 20px;
    background: #fff;
    padding: 20px 15px;
}

.app_bx_sect+.app_bx_sect {
    margin-top: 30px;
}

.app_list a {
    width: 145px;
    height: 45px;
    border-radius: 22.5px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    text-align: center;
    line-height: 45px;
}

.app_list {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.app_bx_sect p {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #3b3b3b;
    text-transform: uppercase;
}

.qr_sect {
    display: grid;
    align-items: center;
    text-align: center;
    grid-template-columns: 1fr 50px 1fr;
}

.qr_sect .txt_or {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #1f1f1f;
}

.qr_sect .txt_or p {
    font-weight: 500;
}

.qr_sect .ip_code_sect h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    color: #3b3b3b;
}

.qr_sect .ip_code_sect h6 {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    color: #3b3b3b;
}

.app_bx_sect .qr_code_sect p {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #1f1f1f;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.pay_sec_prof .follow_box a.btn_share {
    color: #3b3b3b;
    background: #fff;
    width: 49px;
    height: 49px;
    font-size: 22px;
    border-radius: 50px;
    line-height: 53px;
}

.pay_sec_prof .card_Prof_detail {
    margin: 0px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 80px;
}

.pay_sec_prof .follow_box .share>ul {
    top: 5px;
}

.pay_sec_prof .icon_b {
    width: 49px;
    height: 49px;
    color: #3b3b3b;
    line-height: 53px;
    font-size: 24px;
}

.pay_sec_prof .card_cont_prof,
.pay_sec_prof .img_pro>img,
.pay_sec_prof .img_pro:before {
    border-radius: 0px;
}

.pay_sec_prof .follow_box a.btn_foll {
    border: 2px solid #fff;
    background: transparent;
}

.pay_sec_prof .follow_box a.btn_foll:hover {
    background: #fff;
    color: #3b3b3b;
}

.pay_sec_prof .rating_exp_sect {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 15px 30px;
}

.pay_sec_prof .card_cont_prof {
    height: 100%;
    padding: 0;
    padding-top: 40px;
}

.pay_sec_prof .rating_no {
    font-size: 18px;
}

.pay_sec_prof .rat_flow_sect {
    margin-top: -20px;
}

.con_thr_tab ul {
    display: block;
    border: 0;
}

.con_thr_tab ul li {
    float: initial;
}

ul.img_list_sect {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
    gap: 0px;
    align-items: center;
    margin-bottom: 50px;
}

.img_list_sect li {
    display: block;
}

.img_list_sect li img {
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    /* width: 312px; */
    /* height: 208.23px; */
}

.img_list_sect li:nth-child(2) img {
    width: 100%;
    /* height: 268.29px; */
}

@media(max-width:1199.5px) {
    .bg_img_bus .user_id_no {
        margin-top: 20px;
    }

    .img_inner img,
    .img_inner a {
        width: 160px;
        height: 160px
    }
}

@media(max-width:991.5px) {
    .crd_list_all {
        grid-template-columns: repeat(2, 1fr);
    }

    .pay_sec_prof .img_pro {
        height: 450px;
    }

    .pay_sec_prof .rating_exp_sect {
        margin-left: 230px;
        display: inline-flex;
        /* background: linear-gradient(#4e5871 0%, #2e3442 100%); */
        /* position: absolute; */
        /* right: 0; */
    }

    .pay_sec_prof .rat_flow_sect {
        display: block;
    }

    .pay_sec_prof .img_cir img {
        height: 200px;
        width: 200px;
    }

    .pay_sec_prof .Prof_imf .img_cir {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .bx_grp_list {
        margin-top: 20px;
    }

    .img_inner img,
    .img_inner a {
        height: 250px;
        width: 250px;
    }

    .bg_img_bus .user_id_no {
        margin-top: 70px;
    }
}

@media(max-width:768.5px) {

    .img_inner img,
    .img_inner a {
        height: 200px;
        width: 200px;
    }

    .bg_img_bus .user_id_no {
        margin-top: 30px;
    }

    .btn_click,
    .con_thr_tab li a {
        width: 100%;
    }

    .crd_list_all {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:575.5px) {
    .new_modal_style1 .modal-body {
        padding: 25px 15px;
    }

    .pay_sec_prof .text_header {
        font-size: 22px;
    }

    .pay_sec_prof .img_pro {
        height: auto;
    }

    .img_inner {
        text-align: center;
    }

    .img_inner img,
    .img_inner a {
        height: 200px;
        width: 200px;
    }

    .address_data2 {
        display: block;
    }

    .map_bx {
        margin-top: 15px;
        width: 100%;
        /* flex: 0 0 100%; */
    }

    .bg_img_bus .user_name,
    .bg_img_bus .user_info {
        color: #3b3b3b;
        text-align: center
    }

    .prof_user_details {
        display: block;
    }

    .con_prof_section .heading_title {
        font-size: 22px;
    }

    .list_bnr_sect .title {
        font-size: 20px;
    }

    .bck_btns {
        justify-content: center;
        margin-bottom: 10px;
    }

    .user_bx_sect,
    .bx_grp_list {
        margin-top: 30px;
    }

    ul.img_list_sect {
        display: block;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pay_sec_prof .rat_flow_sect {
        flex-wrap: wrap;
    }

    .pay_sec_prof .rating_exp_sect {
        background: linear-gradient(#4e5871 0%, #2e3442 100%);
        margin-left: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media(max-width:460.5px) {

    .con_thr_btn,
    .con_thr_app_btn {
        width: 320px;
    }
}

.crd_list_all .btn_price button:hover {
    background: #E65933 !important;
}

.sig_session_data {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

.sig_session_data .sig_bx {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 30px;
}

.sig_session_sect .heading_title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #3b3b3b;
    text-transform: uppercase;
}

.sig_session_data li {
    display: inline-block;
}

.sig_session_data .sig_bx .session_price span,
.sig_session_data .sig_bx .session_no span,
.sig_session_data .sig_bx .session_time span {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #3b3b3b;
    padding-left: 10px;
}

.sig_session_data .sig_bx .session_price,
.sig_session_data .sig_bx .session_no,
.sig_session_data .sig_bx .session_time {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #707070;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.all_btn {
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.all_btn .btn_share {
    border: 1px solid #FF702F;
    color: #FF702F;
}

.all_btn a {
    width: 210px;
    height: 45px;
    border-radius: 22.5px;
    display: flex;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 45px;
    justify-content: center;
    align-items: center;
    gap: 0 5px;
    text-align: center;
}

.all_btn .btn_app {
    background: #fff0ea;
    border: 1px solid #fff0ea;
    color: #FF702F;
    position: relative;
}

.all_btn .btn_app img {
    opacity: 0;
}

.all_btn .btn_app::before {
    content: '\f10b';
    font-family: 'FontAwesome';
    position: relative;
    left: 15px;
    top: 0px;
    font-size: 24px;
    font-weight: 400;
}

.all_btn .btn_app:hover {
    background: #E65933;
    color: #fff !important;
}

.all_btn .btn_buy {
    background: #FF702F;
    border: 1px solid #FF702F;
    color: #fff;
}

.all_btn .btn_buy:hover {
    color: #fff !important;
    background: #E65933;
}

.all_btn a+a {
    margin-left: 20px;
}

.all_btn a em {
    font-size: 18px;
    margin-right: 5px;
    color: #FF702F;
}

.all_btn .btn_share:hover {
    background: #FF702F;
    color: #fff !important;
}

@media(max-width:460.5px) {
    .sig_session_data li {
        width: 100%;
    }

    .all_btn {
        flex-wrap: wrap;
    }

    .sig_session_data {
        display: flex;
        flex-wrap: wrap;
    }
}

.view_all_btn {
    text-align: center;
    margin-top: 30px;
}

.view_all_btn a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    display: block;
    line-height: 41px;
    margin: 0 auto;
    text-align: center;
    width: 213px;
    height: 41px;
    border-radius: 20.5px;
    background: #FF702F;
    color: #fff;
}

.tab_new_style4 ul {
    width: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.tab_new_style4 ul li {
    width: 100%;
}

.tab_new_style4 ul li a {
    border-radius: 16px !important;
    background: transparent;
    text-align: center;
    line-height: 18px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #3b3b3b;
}

.tab_new_style4 .nav-tabs .nav-link.active {
    color: #FF702F;
    background-color: #e8effa;
    border: 0;
    font-weight: bold;
}

.tab_new_style4 {
    margin-bottom: 18px;
}

@media(max-width:460.5px) {
    .tab_new_style4 ul li a {
        font-size: 15px;
    }

    .tab_new_style4 {
        margin: 0 -15px;
        margin-bottom: 18px;
    }
}

.prof_clients h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 38px;
    text-align: left;
    color: #1f1f1f;
    text-transform: capitalize;
}

.prof_clients .card_cont {
    padding-top: 10px;
}

.prof_clients .clients_card {
    font-family: 'Inter';
    background: #fff;
    box-shadow: 0px 2px 29px rgb(100 100 111 / 20%);
    border-radius: 8px;
}

.prof_clients .clients_card img {
    display: block;
    width: 100%;
    height: 220px;
    border-radius: 20px 20px 0px 0px;
    object-fit: cover;
}

.prof_clients .card_cont .virtal_name {
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #FF702F;
}

.prof_clients ul.list_type {
    display: flex;
    gap: 0 8px;
}

.prof_clients ul.list_type li {
    display: inline-block;
    color: #707070;
    background: #f2f2f2;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.prof_clients .clients_card .card_cont h5 {
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    font-family: 'Inter' !important;
}

.location_text {
    margin: 0;
}

.prof_clients .card_cont .price_text {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    color: #1F1F1F;
    margin-top: 0;
    margin-bottom: 0;
}

.prof_clients .card_cont .price_text span {
    font-weight: 700;
}

.card_cont_inner {
    padding: 15px;
    border-bottom: 1.5px solid #efefef;
}

.card_cont_inner2 {
    padding: 15px;
}

.prof_clients .clients_card .card_cont .desp_text {
    margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    color: #707070;
}

.prof_clients .list_type {
    margin-bottom: 0;
}

.add_card_btn a {
    transition: .3s ease-in-out;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
    border-radius: 30px;
    display: block;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    padding: 6px 15px;
    text-align: center;
}

.add_card_btn i {
    margin-left: 10px;
    font-weight: 100;
    font-weight: 100;
    font-size: 14px;
}

.add_card_btn {
    margin-top: 15px;
}

.add_card_btn a:hover {
    background: linear-gradient(to bottom right, #FF702F, #FFA306);
    background-color: linear-gradient(to bottom right, #FF702F, #FFA306) !important;
}

.loadmore-btn {
    margin: 20PX 0;
}

.loadmore {
    width: 170px;
    padding: 8px 20px;
    background: #FF702F !important;
    color: #fff;
    border: #FF702F !important;
    margin-bottom: 50px;
    font-weight: 400;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 18px;
}

.prof_clients ul.list_type2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.prof_clients ul.list_type2 li {
    display: inline-block;
    color: #707070;
    background: #f2f2f2;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
}

.ni-arrow-right:before {
    content: '\f061 ';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.prof_clients {
    margin-top: 50px;
}

.loadmore:hover {
    background: #E65933 !important;
    color: #FFF !important;
}

.mt-30 {
    margin-top: 30px;
}

@media(max-width:460.5px) {
    .prof_clients>.row {
        gap: 30px;
    }
}

.pay_det .head_title_log_sign {
    display: flex;
    justify-content: space-between;
}

.pay_det .head_title_log_sign .title {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: left;
    color: #030303;
    position: relative;
    display: inline-block;
    align-items: center;
}

.pay_alert_text {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #FF702F;
}

.pay_det .head_title_log_sign .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    background: #FF702F;
}

.pay_det .form-group {
    position: relative;
    display: grid;
    gap: 0 10px;
    grid-template-columns: .5fr 1.5fr;
    align-items: center;
    margin-bottom: 35px;
}

.pay_det .form-group label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #5e6d82;
    margin: 0;
    opacity: 0.7;
}

.pay_det .form-control {
    color: #474747;
    font-size: 16px;
    background-color: #FFFFFF;
    min-height: 50px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 9;
}

.pay_det .form-group.btn_grp {
    margin-bottom: 0;
}

.pay_det .btn3 {
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    border: 0;
    position: relative;
}

.pay_det .btn3:hover::after {
    height: 100%;
}

.ft_signup {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    grid-column: 1 / span 2;
}

.ft_media a {
    font-family: 'Roboto';
    font-weight: 600;
    margin: 5px 10px;
    width: 196px;
    max-width: 100%;
    /* text-transform: uppercase; */
    font-size: 14px;
    text-align: left;
    color: rgb(0 0 0 / 54%);
    padding: 10px;
    display: inline-flex;
    align-items: center;
    /* justify-content: center; */
    background: #fff;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 16%);
    border-radius: 4px;
}

.ft_media a img {
    margin-right: 20px;
    height: 18px;
    width: 18px;
}

.ft_media a:hover {
    color: #FF702F !important;
}

.ft_signup p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 0;
    color: #707070;
}

.modal_sect1 .role_stepcount {
    text-align: center;
    list-style: none;
}

.modal_sect1 .role_stepcount li {
    display: inline-block;
    z-index: 1;
    text-align: center;
    position: relative;
}

.modal_sect1 .role_stepcount li+li {
    margin-left: 105px;
}

.modal_sect1 .role_stepcount li+li::before {
    content: "";
    width: 138px;
    height: 2px;
    background: #FF702F;
    position: absolute;
    left: -115px;
    top: 11px;
    z-index: -1;
}

.modal_sect1 .role_stepcount li a {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: center;
    color: #010103;
}

.modal_sect1 .role_stepcount li a:hover {
    text-decoration: underline;
}

.modal_sect1 .role_stepcount li a span {
    height: 24px;
    margin: auto;
    width: 24px;
    background: #fff;
    border: 4px solid #707070;
    position: relative;
    display: block;
    border-radius: 100px;
    margin-bottom: 10px;
}

.modal_sect1 .role_stepcount li.active a span::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 2px;
    font-weight: 900;
    font-family: "Nioicon" !important;
    color: #fff;
    font-size: 12px;
}

.modal_sect1t .role_stepcount li.active span {
    background: #FF702F;
    border-color: #FF702F;
}

.modal_sect1 .step_count .step+.step {
    display: none;
}

.modal_sect1 .role_stepcount li.active a span::before {
    background: url(../../../img/Professional/Icon-check.png) no-repeat center center;
    cursor: pointer;
    content: '';
    width: 12px;
    display: block;
    height: 10px;
    margin: 0 auto;
    background-size: contain;
    position: relative;
    top: 3px;
    left: 0;
}

.modal_sect1 .role_steps .step+.step {
    display: none;
}

.modal_sect1 .role_stepcount li.active span {
    background: #FF702F;
    border-color: #FF702F;
}

.modal_sect1 .form-group.fl1fr {
    grid-template-columns: 1fr;
}

.modal_sect1 .form-group3 {
    grid-template-columns: 1fr 1.5fr 1.5fr;
    gap: 0 20px;
    margin-bottom: 0;
}

.modal_sect1 .title {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #030303;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.modal_sect1 .form-control {
    border-radius: 0 !important
}

.modal_sect1 .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    background: #FF702F;
}

.pay_det .card_exp_date .form-control {
    border-radius: 0;
    border: 0;
    background: transparent;
}

.pay_det .form-group label.mb-35 {
    margin-bottom: 30px;
}

.pay_det .card_exp_date span {
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.pay_det .btn {
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    position: relative;
}

.pay_det .btn::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

.pay_det .btn::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background-color: #FF702F;
    transition: .3s ease-in-out;
}

.pay_det .btn:hover::after {
    height: 100%;
}

.subcat_chkbox1 .custom-control-label::before {
    background: #dde6ed;
    border: 1px solid #747d84;
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.subcat_chkbox1 .custom-control-input:checked~.custom-control-label::before {
    background-color: #FF702F !important;
    border-color: #FF702F !important;
}

.subcat_chkbox1 .custom-control-input:focus~.custom-control-label::before,
.subcat_chkbox1 .custom-control-input:active~.custom-control-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.subcat_chkbox1 .custom-control-label:after {
    font-size: 16px;
    font-weight: 400;
    width: 15px;
    height: 15px;
}

.subcat_chkbox1 .custom-control {
    display: block;
    min-height: 1rem;
}

.subcat_chkbox1 .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.pay_det .subcat_chkbox1.form-group label {
    opacity: 1;
    font-family: 'Inter', sans-serif;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-align: left;
    color: #474747 !important;
}

.pay_det .subcat_chkbox1.form-group {
    display: flex;
    align-items: center;
}

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

    .sig_session_data .sig_bx .session_price span,
    .sig_session_data .sig_bx .session_no span,
    .sig_session_data .sig_bx .session_time span {
        padding-left: 0;
    }

    .gallary_img_list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .prof_quali ul {
        grid-template-columns: 1fr;
        margin-bottom: 0;
    }

    .con_prof_section .heading_title {
        text-align: left;
    }

    .con_thr_tab ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .con_thr_tab li+li {
        margin-top: 0;
    }

    .con_thr_tab li a.active:after,
    .con_thr_tab li a:hover::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .app_bx_sect,
    .user_bx_sect {
        margin-top: 30px;
    }

    ul.time-slts-bx {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .form-group.btn_grp {
        margin-top: 30px;
    }

    .bck_btn2 {
        margin-bottom: 10px;
    }

    .pay_det .form-group {
        display: block;
        margin-bottom: 15px;
    }

    .pay_det .form-group label.mb-35 {
        margin-bottom: 0px;
    }
}

@media(max-width:767px) {
    .all_btn {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .all_btn a {
        width: 100%;
    }

    .all_btn a+a {
        margin-left: 0;
    }

    .sig_session_data .sig_bx {
        gap: 15px;
    }

    .gallary_img_list {
        grid-template-columns: 1fr 1fr;
    }
}

.new_modal_style1 .heading_title {
    text-transform: uppercase;
}

.btn_click a.btn_foll {
    color: #fff;
}

.rating_bx h5.user_name {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
}

.od_sect .heading_title {
    text-transform: capitalize;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 37px;
    text-align: left;
    color: #3b3b3b;
    margin: 0;
}

.od_sect .sub_heading_title {
    text-transform: capitalize;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    text-align: left;
    color: #3b3b3b;
}

.od_sect .desp_txt {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #3b3b3b;
}

.od_sect {
    margin: 90px 0px 50px;
}

.od_sect ul.list_bnr_title {
    display: block;
}

.od_sect ul.list_bnr_title li {
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #707070;
}

.od_sect ul.list_bnr_title li+li {
    margin: 0;
    margin-top: 12px;
}

.od_sect .list_bnr_title li::after {
    top: 8px;
}

.od_sect .list_bnr_title li::before {
    top: 0px;
}

.new_modal_style1.fade {
    opacity: 1;
}

.new_modal_style1 .modal-content>.close {
    background: transparent;
}

.pay_sec_prof .follow_box a.btn_foll {
    display: block;
}

.pay_sec_prof .img_cir {
    flex: 0 0 267px;
    max-width: 267px;
}

.pay_sec_prof .follow_box a.btn_foll:hover {
    color: #3b3b3b !important;
}

.user_bx_content .address_text {
    margin-bottom: 1rem !important;
}

.crd_list_all .price_sect_bx {
    height: 74px;
}

.crd_list_all li {
    position: relative;
}

.crd_list_all .btn_price {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.crd_list_all .share_btn_setup {
    position: absolute;
    right: 20px;
    top: 15px;
}

.user_bx_sect .user_name {
    width: 100%;
    padding: 0;
}

.btn_click:hover a {
    color: #fff !important;
    ;
}

.clients_card_bx {
    position: relative;
    ;
}

.pay_sec_prof .img_pro>img {
    height: 100%;
}

.clients_card_bx .price_sect_bx {
    min-height: 37px;
}

.pay_sec_prof .rat_flow_sect {
    position: relative;
    top: 45px;
}

.pay_sec_prof .card_cont_prof {
    padding-top: 0px;
}

.clients_card_bx .add_card_btn {
    position: absolute;
    width: 100%;
    bottom: 16px;
    padding: 0 15px;
}

.od_sect .heading_title {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 37px;
    text-align: left;
    color: #3b3b3b;
    margin: 0;
}

.od_sect .sub_heading_title {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    text-align: left;
    color: #3b3b3b;
}

.od_sect .desp_txt {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #3b3b3b;
}

.od_sect {
    margin: 90px 0px 50px;
}

.od_sect ul.list_bnr_title {
    display: block;
    margin-top: 15px;
}

.od_sect ul.list_bnr_title li+li {
    margin: 0;
    margin-top: 12px;
}

.od_sect .list_bnr_title li::after {
    top: 4px;
}

.od_sect .list_bnr_title li::before {
    top: 6px;
}

.pay_sec_prof .card_cont_top {
    margin-top: 40px;
    display: flex;
}

.all_btn a:hover em {
    color: #fff;
}

.all_btn .btn_buy em {
    color: #fff;
}

.profession-page-popup .form-group.btn_grp {
    position: relative;
    display: grid;
    gap: 0 10px;
    grid-template-columns: .5fr 1.5fr;
    align-items: center;
    margin-bottom: 0;
}

.profession-page-popup #user_login_form .form-group {
    margin-bottom: 40px;
}

.profession-page-popup .form-group.btn_grp .ft_signup p {
    margin-top: 35px;
}

.profession-page-popup .form-group.crd_num img {
    position: absolute;
    z-index: 9;
    height: 40px;
    right: 15px;
    top: 5px;
    width: 60px;
    object-fit: contain;
}

.profession-page-popup .card_det .title.sub_title {
    font-weight: 600;
    font-size: 16px;
    display: block;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    text-align: left;
    color: #030303;
    position: relative;
    align-items: center;
    padding-bottom: 15px;
    line-height: 16px;
}

.profession-page-popup .card_det .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 70px;
    background: #FF702F;
}

.profession-page-popup .card_det .title {
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    text-align: left;
    color: #030303;
    position: relative;
    font-weight: 700;
    font-size: 20px;
    align-items: center;
}

.new_modal_style1 .card_det .form-group:not(.d-block, .fl1fr, .cvv) {
    display: grid;
    grid-template-columns: .4fr 1fr;
    align-items: center;
    margin-bottom: 35px;
}

.profession-page-popup .card_det .title>span {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #707070;
    display: block;
    margin-top: 10px;
}

.profession-page-popup .form-group.fl1fr,
.profession-page-popup .form-group.cvv {
    margin-top: 10px;
}

button#payMentPro:hover::after {
    height: 100%;
}

button#payMentPro {
    font-family: 'Inter', sans-serif;
    border-radius: 0;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    border: 0;
    position: relative;
}

button#payMentPro::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
}

button#payMentPro::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    background-color: #FF702F;
    transition: .3s ease-in-out;
}

.pay_sec_prof .text_descp {
    margin-bottom: 30px !important;
}

/*-------------------Virtual------------------------*/
.scrollList {
    height: initial;
    overflow-y: auto;
    max-height: 400px;
}

.Virtual_bx_data {
    display: grid;
    gap: 15px;
    grid-template-columns: 102px 2fr 1fr 30px;
    align-items: center;
    border-radius: 5px;
    background: #f1f1f1;
    padding: 6px;
}

.Virtual_list_sect li {
    display: block;
}

div#Virtual .scrollList {
    margin-top: 0;
}

.virtual_img img {
    width: 102px;
    height: 92px;
    object-fit: cover;
    border-radius: 5px;
}

.Virtual_list_sect .description_exc_text {
    padding: 5px 0;
}

.Virtual_list_sect .description_exc_text h5,
.Virtual_list_sect .description_exc_text h5 a {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #1f1f1f;
    margin: 0;
}

.Virtual_list_sect .description_exc_text h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    margin: 5px 0;
    text-align: left;
    color: #FF702F;
}

.Virtual_list_sect .description_exc_text p {
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #707070;
    margin: 0;
    line-height: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Virtual_list_sect .check_boxgrp {
    justify-content: center;
}

.Virtual_list_sect .check_boxgrp .custom-control label {
    width: 20px;
    height: 20px;
}

.Virtual_list_sect li+li {
    margin-top: 12px;
}

.img_list_sect li img {
    box-shadow: initial;
    width: 100%;
}

.ni-money:before {
    content: '\f0d6';
    font-family: 'FontAwesome';
}

.buyFromDetail.virtual {
    transition: .3s ease-in-out;
    background-color: linear-gradient(to bottom right, #3370D2, #5A96F6) !important;
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
    border-radius: 30px;
    display: block;
    color: #fff !important;
    /* text-transform: uppercase; */
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    font-family: 'Inter', sans-serif;
    padding: 12px 15px;
    text-align: center;
}

.buyFromDetail.virtual em {
    margin-left: 10px;
    font-weight: 100;
    font-weight: 100;
    font-size: 14px;
    color: #fff;
}

.buyFromDetail.virtual:hover {
    background: linear-gradient(to bottom right, #E65933, #FF702F);
}

.payemtLoading {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    z-index: 99;
    opacity: .8;
    text-align: center;
    padding: 40% 0;
}

#popup-new1 div#Step2 .backBtn {
    display: none;
}

/*------------------social css----------------------------------------*/
@media screen and (min-width:600px) {
    .new_modal_style1.social_modal .modal-dialog {
        max-width: 445px;
    }
}

.social_modal .img_s {
    width: 300px;
    max-width: 100%;
}

.social_modal .copy_link {
    padding: 24px;
    padding-bottom: calc(24px - 5px);
}

.social_modal .copy_link .form-group {
    margin-bottom: 0 !important;
    position: relative;
}

.social_modal .copy_link .form-group .icon {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    top: 0;
    color: #ccc;
    font-size: 18px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    border-right: 1px solid #d6d6d6;
    justify-content: center;
}

.social_modal .copy_link .form-control {
    height: 50px !important;
    border-radius: 5px !important;
    background: #fff !important;
    padding-left: 60px !important;
    border: 1px solid #d6d6d6 !important;
    color: #474747 !important;
    font-size: 16px !important;
    padding-right: 100px !important;
}

.social_modal .copy_link .btn {
    width: 90px;
    min-width: initial;
    font-size: 16px;
    position: absolute;
    top: 3px;
    right: 3px;
    height: 44px;
    z-index: 99;
    border-radius: 5px;
}

.new_modal_style1.social_modal .modal-content {
    padding: 0;
    background-color: #fff;
}

.new_modal_style1.social_modal .modal-content>.close {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #f9f9f9;
    color: #ccc;
    top: 6px;
    right: 6px;
    z-index: 99;
    font-size: 14px;
    opacity: 1;
}

.new_modal_style1.social_modal .modal-content>.close:hover {
    background: #ff702f;
    color: #fff;
}

.new_modal_style1.social_modal .modal-body {
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
}

.new_modal_style1.social_modal .modal-body>.modal_sect1 {
    padding: 30px;
    position: relative;
    z-index: 1;
}

.new_modal_style1.social_modal .modal-body>.modal_sect1::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    bottom: 0;
    border-radius: 20px;
    background: #FFF0E9;
    z-index: -1;
}

.social_modal p {
    text-align: center;
    margin-bottom: 38px !important;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.02em;
    font-family: 'Inter', sans-serif;
    color: #5e6d82;
}

.social_modal .social_list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -9px;
    margin-top: 25px;
    align-items: center;
    justify-content: center;
}

.social_modal .social_list li {
    display: inline-block;
    padding: 5px 9px;
}

.social_modal .social_list li a,
.social_modal .social_list li .skypeShare {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: .3s ease-in-out;
}

.social_modal .social_list li a i.fa-skype {
    color: #03A9F4;
    background: transparent;
    font-size: 20px;
}

.social_modal .social_list li a:hover,
.social_modal .social_list li .skypeShare:hover {
    border: 1px solid #FF702F;
}

.social_modal .social_list li .skypeShare {
    color: #03A9F4;
    margin: 0;
    box-sizing: border-box;
}

.social_modal .social_list li img {
    height: 20px;
    width: 20px;
}

.social_modal .social_list li a:hover {
    color: #fff !important;
}

.social_modal .social_list li .skypeShare .skypeShareLogo {
    position: initial;
    visibility: hidden;
}

.social_modal .social_list li .skypeShare .skypeShareLogo::before {
    content: "\f17e";
    visibility: visible;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    transform: translate(-50%, -50%);
}

.session_name a:hover {
    color: #FF702F !important;
}

@media (max-width: 460.5px) {
    .social_modal .social_list li+li {
        margin-left: 7px;
    }
}

.fullDescription {
    display: none;
}

.pay_sec_prof .Prof_topt li.location_p.location_icon::before {
    background-image: url(../../../img/Professional/location.png);
    background-size: contain;
}

.pay_sec_prof .Prof_topt li.fit_icon::before {
    background-image: url(../../../img/Professional/fit_icon.png);
    background-size: contain;
}

@media (max-width: 900.5px) {
    .con_thr_tab {
        display: block;
    }
}

@media (max-width: 768.5px) {
    .img_prof {
        width: 100%;
    }

    .img_prof img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .bus_list_sect.bg_img_bus .card_bus_view {
        display: flex;
        flex-wrap: wrap;
    }

    .con_thr_tab .nav>li {
        width: initial;
    }

    .con_thr_tab li a {
        /* width: 300px; */
        font-size: 16px;
        /* display:block; */
    }

    .con_thr_tab li+li {
        margin-top: 0;
        /* margin-left:10px; */
    }
}

@media (max-width: 575.5px) {
    .ft_media a {
        display: inline-block;
    }

    .ft_media a+a {
        margin-top: 10px;
        margin-left: 15px
    }

    .virtual_img {
        margin: 0 auto;
    }

    .virtual_img img {
        width: 100%;
        height: 120px;
    }

    .Virtual_list_sect .description_exc_text {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Virtual_bx_data .Pricing_tooltip>div {
        left: 0;
        right: initial;
    }

    .Virtual_bx_data .Pricing_tooltip>div::after,
    .Virtual_bx_data .Pricing_tooltip>div::before {
        left: 50px;
        right: initial;
    }

    .Virtual_bx_data {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        padding: 15px;
    }

    .sig_session_data .sig_bx .session_price span,
    .sig_session_data .sig_bx .session_no span,
    .sig_session_data .sig_bx .session_time span {
        padding-left: 10px;
    }

    .sig_session_data,
    .all_btn {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sig_session_data .sig_bx {
        gap: 30px;
    }

    .new_modal_style1 .card_det .form-group:not(.d-block, .fl1fr, .cvv) {
        display: block;
    }

    .new_modal_style1 .heading_title {
        margin: 25px 0;
    }

    .new_modal_style1.social_modal .modal-body {
        padding: 25px 15px;
    }

    .gallary_img_list,
    .crd_list_all {
        grid-template-columns: 1fr;
    }

    .con_thr_tab ul {
        display: block;
    }

    ul.time-slts-bx,
    .new_modal_style1 ul.time-slts-bx {
        grid-template-columns: 1fr 1fr;
        gap: 15px 10px;
    }

    .bg_gray {
        padding: 50px 0;
    }

    .con_thr_tab li a {
        width: 100%;
        font-size: 16px;
        /* display:block; */
        margin-left: 0px
    }

    .con_thr_tab li+li {
        margin-top: 20px;
    }

    .prof_quali ul li {
        width: 100%;
    }

    .con_thr_tab .nav>li {
        width: 100%;
        margin-left: 0px !important;
    }

    .prof_quali ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 460.5px) {
    .social_modal .social_list li+li {
        margin-left: 7px;
    }

    .prof_mt_bb ul li+li {
        margin-bottom: 15px !important;
    }

    .qr_code_sect p {
        margin-top: 5px;
    }

    .email_icon1 a {
        font-size: 14px;
    }
}

.paymt_box>.box2 .title {
    font-family: 'Inter', sans-serif;
}

.session_name a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    color: #3b3b3b !important;
}

.view_all_btn a:hover {
    color: #fff !important;
    background: #E65933;
}

.view_all_btn a em {
    font-size: 16px;
    color: #fff;
    line-height: 41px;
}

.view_all_btn a em::before {
    content: '\f061';
    font-family: 'FontAwesome';
    font-weight: 400;
}

.app_bx_sect p {
    margin-bottom: 1rem !important;
}

.qr_code_sect {
    margin: 0 auto;
}

.single_session,
.tele_consulting,
.prof_clients {
    margin-bottom: 40px;
}

.rating_data p {
    white-space: nowrap;
}

.img_box {
    height: 220px;
    text-align: center;
    display: grid;
    align-items: center;
    background: #f1f1f1;
    border-radius: 5px 5px 0px 0px;
    font-size: 32px;
    font-weight: bold;
    color: #1f1f1f;
}

.prof_clients .clients_card {
    border-radius: 5px;
}

.pay_sec_prof .Prof_topt li span,
.pay_sec_prof .Prof_topt li.location_p span {
    font-family: 'Inter', sans-serif;
}

span.noSlotSelect {
    position: absolute;
    bottom: -25px;
    right: 55px;
    color: red;
}

/*--------------------------------footer css-----------------------------------------------------*/
.sec_btmSetup {
    border-radius: 30px;
    box-shadow: 0 -15px 20px #00000029;
    padding-left: 70px;
    padding-right: 70px;
    /* z-index: 1; */
    background-color: #fff !important;
    margin-bottom: -100px !important;
}

.sec_ftrSpace .cstm-headingelment-custom_section_footer__2_0_4_0 a:hover {
    color: #fff !important;
}

.sec_ftrSpace {
    padding-top: 170px !important;
    /* margin-top:-100px!important */
    /* z-index: -1; */
}

.sec_ftrSpace:before {
    content: '';
    position: absolute;
    top: 0;
    left: -30px;
    background: linear-gradient(#021048 0, #1e38a3 100%);
    width: calc(100% + 30px);
    height: 100%;
    z-index: -1;
}

@media(max-width:600.5px) {
    .sec_ftrSpace img.img-responsive.single.lazy {
        max-width: 200px;
    }
}

@media(max-width:575.5px) {
    .sec_ftrSpace img.img-responsive.single.lazy {
        max-width: 200px;
    }
}

@media(max-width:420.5px) {
    .sec_ftrSpace img.img-responsive.single.lazy {
        max-width: 180px;
    }

    .sec_ftrSpace {
        padding-top: 120px !important;
    }
}

.pl-150 {
    padding-left: 150px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.dropdown-toggle::after {
    display: none;
}

.web_prof_sect .bll_det .role_steps .card_list_allcon .check_boxgrp .custom-control-label::after {
    position: absolute;
    top: 2px;
    display: block;
    width: 16px;
    font-family: 'FontAwesome';
    color: #fff;
    font-weight: 100;
    left: 2px;
    height: 16px;
    font-size: 16px;
    content: "";
}

.web_prof_sect .bll_det .role_steps .card_list_allcon .check_boxgrp .custom-control-input:checked~.custom-control-label::after {
    content: "";
}

.web_prof_sect .bll_det .role_steps .card_list_allcon .check_boxgrp .custom-control-input:checked~.custom-control-label::before {
    background: #FF702F !important;
    border: 0 !important;
}

.tab_new_sty3 .nav:after,
.tab_new_sty3 .nav:before {
    content: none;
}

.offline_list_sect li:last-child .Pricing_tooltip>div {
    top: -196px;
}

.offline_list_sect li:last-child .Pricing_tooltip>div::before,
.offline_list_sect li:last-child .Pricing_tooltip>div::after {
    bottom: 15px;
    top: 186px;
    transform: rotate(180deg);
    height: 30px;
}

.Pricing_tooltip .table_tbody_list .table_tbody:first-child {
    background: #fff;
}

.Pricing_tooltip .table_tbody_list .table_tbody:first-child div {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 20px;
    color: #707070;
    text-align: right;
    text-transform: uppercase;
}

.Pricing_tooltip .table_tbody_list .table_tbody:first-child div:first-child {
    text-align: left;
}

.offline_list_sect li:last-child .Pricing_tooltip>div::before {
    bottom: 15px;
    top: -30px;
    transform: rotate(0deg);
    height: 30px;
    position: absolute;
}

.virtual_img span {
    background: #d1ddf1;
    width: 85px;
    display: block;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    padding-top: 25px;
    color: #0d60e8;
    font-weight: 900;
}

.bx_grp_social h4 {
    font-size: 15px;
    text-align: center;
    padding-bottom: 10px;
}

.exp_icon span {
    white-space: nowrap;
}

.skilsCon ul {
    height: 136px;
    overflow: hidden;
}

span.btn3.TagMore {
    margin: 15px auto !important;
    text-align: center;
    display: block;
    width: 140px;
}

/*cvv box*/
.paymt_box>.box2 .cvvbox,
.modal .cvvbox{
    text-align: center;
}

.paymt_box>.box2 .cvvbox .form-group.cvv,
.modal .cvvbox .form-group.cvv{
    display: block;
    float: initial;
    text-align: center;
}
.modal .cvvbox .form-group.cvv{
    margin-bottom:30px
}
.paymt_box>.box2 .cvvbox .form-group.cvv .form-control,
.modal .cvvbox .form-group.cvv .form-control{
    max-width: 150px;
    margin: auto;
}

.paymt_box>.box2 .cvvbox .title::after,
.modal .cvvbox .title::after{
    left: 50%;
    transform: translateX(-50%);
}

/*cvv box*/
.card.pagin_sect {
    z-index: 0;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(122 139 255 / 19%);
    margin-top: 15px;
}

.pagin_sect .page-link,
.pagin_sect .pagination-goto {
    font-size: 16px;
    color: #030303;
    font-family: 'Inter', sans-serif;
    font-weight: normal;
}

.pagin_sect .page-item.active a {
    background: #FF702F !important;
    color: #fff;
    border-color: #FF702F;
}

#slotsInfo .table_tbody {
    display: block !important;
}

.slotsSelected {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
}

.web_prof_sect .alert {
    text-align: center;
    margin: 0;
    margin-top: 10px;
    font-size: 12px;
}

.web_prof_sect .alert-danger {
    color: #dd4b39 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.slotsSelected .Pricing_tooltip>div {
    bottom: 30px !important;
    top: initial !important;
    width: 190px;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
}

.slotsSelected .Pricing_tooltip span {
    font-size: 14px;
}

.slotsSelected .Pricing_tooltip>div::before,
.slotsSelected .Pricing_tooltip>div::after {
    top: initial;
    bottom: -21px;
    transform: translateX(-50%) rotate(180deg);
}

.slotsSelected .Pricing_tooltip .table_tbody {
    background: transparent !important;
    grid-template-columns: 1fr;
}

.slotsSelected .Pricing_tooltip .table_tbody+.table_tbody {
    border-top: 1px solid #ddd;
}

.slotsSelected .Pricing_tooltip .table_tbody div {
    color: #707070 !important;
}

ul.img_list_sect.lessPlasSingle,
.crd_list_all.lessPlasSingle {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.img_list_sect.lessPlasSingle>li,
.crd_list_all.lessPlasSingle>li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.crd_list_all.lessPlasSingle {
    gap: 0;
}

.crd_list_all.lessPlasSingle>li {
    padding: 0 15px;
    padding-bottom: 0;
}

.crd_list_all.lessPlasSingle .btn_price {
    width: calc(100% - 30px)
}

.crd_list_all.lessPlasSingle .share_btn_setup {
    right: 30px;
    top: 30px;
}

@media(max-width:1199.5px) {

    ul.img_list_sect.lessPlasSingle>li,
    .crd_list_all.lessPlasSingle>li {
        flex: 0 0 40%;
        max-width: 40%;
    }
}

@media(max-width:991.5px) {

    ul.img_list_sect.lessPlasSingle>li,
    .crd_list_all.lessPlasSingle>li {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width:575.5px) {

    ul.img_list_sect.lessPlasSingle>li,
    .crd_list_all.lessPlasSingle>li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .crd_list_all.lessPlasSingle>li+li {
        margin-top: 30px;
    }
    .profile_tab>ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

.sec_ftrSpace_not_faq .circle {
    border-radius: initial !important;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 0px;
    position: initial;
}

.ft_signup p a {
    color: #FF702F;
    text-decoration: underline !important;
}

.ft_signup p a:hover {
    color: #E65933 !important;
}


.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active {
    background: #ff702f;
}

#popup-new1 a.bck_btns {
    display: none;
}

.paymt_box .ft_media a,
.bll_det .ft_media a{
        width: 40px;
        height: 40px;
        justify-content: center;
        margin: 5px;
    }
    .paymt_box .ft_media a img,
.bll_det .ft_media a img{
        margin:0;
    }
    .paymt_box .ft_signup p,
 .bll_det .ft_signup p{
        margin-top: 20px;
    }
    .paymt_box .ft_signup > p.mt-0,
   .bll_det .ft_signup > p.mt-0{
        margin-top:0
    }
.paymt_box .ft_signup > p.mb-20,
.bll_det .ft_signup > p.mb-20{
            margin-bottom: 20px !important;
}
    .ft_signup{
        position:relative;
    }
    .ft_signup .or_lbl{
        position:absolute;
        top: -9px;
        background: #fff;
        left:50%;
        transform: translateX(-50%);
        padding: 0 8px;
    }
    
    .alert_feildbox .alert-danger a.close{
    height:auto;
    width:auto;
    padding:0;
}
.alert_feildbox .alert-danger .close_icon{
    color:#c3463c;
    transform: initial;
    line-height: 17px;
}
.alert_feildbox .alert-danger{
    padding:15px;
    padding-left:45px;
    padding-right:45px;
}

.slot_conf .modal-body{
    text-align:center;
}
.slot_conf .modal-body p{
    font-family: 'Inter', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #1f1f1f;
}
.slot_conf .slot_s{
    margin-top:20px
}
.slot_conf .slot_no{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #1f1f1f;
    margin-bottom:10px
}
.slot_conf .slot_s p{
    font-size: 14px;
    color: #707070;
}
.slot_conf .slot_s > ul{
    list-style:none;
    padding:0;
}
.slot_conf .slot_s > ul > li+ li{
    margin-top:30px;
}
.slot_conf .btn_grp{
    display:grid;
    align-items:center;
    text-align:left;
    gap: 0 30px;
    grid-template-columns: 1fr 1fr;
    margin-top:30px;
    margin-bottom: 0 !important;
}
.slot_conf .btn_grp a:not(.btn){
        color: #FF702F;
    transition: all .5s;
}
.slot_conf .btn_grp .btn:hover::after{
    height: 100%;
}
.slot_conf .btn_grp .btn {
    font-family: 'Inter', sans-serif;
    border-radius: 5px;
    font-weight: 500 !important;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-align: center;
    width: 100%;
    padding: 12px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1;
    border: 0;
    position: relative;
    overflow:hidden;
}
.slot_conf .btn_grp .btn-secondary::after,
.slot_conf .btn_grp .btn-secondary::before{
    display:none;
}
.slot_conf .btn_grp .btn-secondary{
    background: #FFF0E9;
    color: #FF702F;
}
.slot_conf .btn_grp .btn-secondary:hover{
    background:#FF702F;
    color: #fff;
}
.slot_conf .btn_grp .btn::before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    border-radius:5px;
    z-index: -1;
    width: 100%;
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%) !important;
}

.slot_conf .btn_grp .btn::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    border-radius:5px;
    z-index: -1;
    width: 100%;
    background-color: #FF702F !important;
    transition: .3s ease-in-out;
}

ul.wrk_hr{
    margin-bottom:0;
}
ul.wrk_hr > li {
    display: grid;
    grid-template-columns: .8fr 1fr;
    gap: 10px;
    margin-top:10px;
    color:#707070;
}
ul.wrk_hr > li > span{color:#030303;text-transform: uppercase;}

/*faq*/
.faq_Sec {
    padding-top:70px;
    padding-bottom:120px;
}
.faq_Sec h4 {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 30px;
    color: #3b3b3b;
}

.faq_Sec details {
    margin: 0 auto ;
    background: #f9f9f9;
    border-radius: 5px;
    overflow: hidden;
}
.faq_Sec details + details {
    margin-top: 10px;
}
.faq_Sec details .box {
    padding: 20px;
}
.faq_Sec details p:last-child {
    margin: 0 !important;
}
.faq_Sec summary {
    padding: 18px;
    font-size: 18px;
    font-weight: 600;
    display: block;
    background: #f9f9f9;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}
.faq_Sec summary p {
    font-size: 18px;
    font-weight: 600;
}
.faq_Sec summary p strong {
    font-weight: 600 !important;
}
.faq_Sec summary:before {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #030303;
    position: absolute;
    top: 25px;
    left: 18px;
    transform: rotate(0);
    transform-origin: .2rem 50%;
    transition: .25s transform ease;
}
.faq_Sec details[open] > summary {
    background-color: #e6e6e6;
}
.faq_Sec details[open] > summary:before {
    transform: rotate(90deg);
}
.faq_Sec details summary::-webkit-details-marker {
    display: none;
}
	.web_prof_sect .bll_det .role_steps .title ~ .form-group.check_boxgrp .custom-control {
    padding-left: 0;}
.prof_quali ul.rating_star{
         display: block;
      }
      .prof_quali ul.rating_star .rating_no{
         font-size: 12px;
         color: #030303;
         font-weight: 400;
      }
      .rating_lst .quali_list_sect{
         grid-template-columns: 100px 1fr;
         gap: 20px;
      }
      .buss_det_Sec{
         border-bottom: 5px solid #F8F8F8;
         padding-bottom: 50px;
      }
      .buss_det_Sec .tab_new_style2 ul{
         grid-template-columns: repeat(4, 1fr);
         width: 650px;
      }
      .buss_det_Sec .prof_quali .quali_list_title{
         text-transform: initial;
      }
      .rating_lst .quali_list_img img{
         width: 100px;
         object-fit: cover;
         height: 100px;
         border-radius: 20px;
         border: 2px solid #eaeaea;
      }
      .buss_det_Sec .social_channel{
         display: flex;
         gap: 18px;
         margin: 0 auto;
         flex-wrap: wrap;
         justify-content: center;
         text-align: center;
         margin-top: 50px;
      }
      .buss_det_Sec .social_channel li {
         display: inline-block;
      }
      .buss_det_Sec .social_channel li a{
         width: 40px;
         height: 40px;
         display: block;
         border-radius: 100%;
         line-height: 40px;
         font-size: 18px;
      }
      .buss_det_Sec .social_channel li a.facebook{
         background: rgba(66, 103, 178, 0.1);
         color: #4267b2;  
      }
      .buss_det_Sec .social_channel li a.facebook:hover{
         background: #4267b2;
      }
      .buss_det_Sec .social_channel li a.whatsapp{
         color: #25d366;
         background: rgba(37, 211, 102, 0.1);
      }
      .buss_det_Sec .social_channel li a.whatsapp:hover{
         background: #25d366;
      }
      
      .buss_det_Sec .social_channel li a.skype{
         background: rgba(0, 172, 238, 0.1);
         color: #00aff0;
      }
      .buss_det_Sec .social_channel li a.skype:hover{
         background: #00aff0;
      }
      .buss_det_Sec .social_channel li a.twitter{
         background: rgba(0, 0, 0, 0.1);
      }
      .buss_det_Sec .social_channel li a.twitter:hover{
         background: #000;
      }
      .buss_det_Sec .social_channel li a.twitter svg{
         height: 15px;
         width: 15px;
         margin: auto;
         /* line-height: 40px; */
         position: relative;
         top: 12px;
      }
      .buss_det_Sec .social_channel li a.twitter:hover svg path{
         fill: #fff;
      }
      .buss_det_Sec .social_channel li a.pinterest{
         background: #fae8e9;
         color: #c8232c;
      }
      .buss_det_Sec .social_channel li a.pinterest:hover{
         background: #c8232c;
      }
      .buss_det_Sec .social_channel li a.instagram{
         background: #f4ebf8;
         color: #b030b0;
      }
      .buss_det_Sec .social_channel li a.instagram:hover{
         background: #b030b0;
      }
      .buss_det_Sec .social_channel li a.youtube{
         background: #ffe5e5;
         color: #f00;
      }
      .buss_det_Sec .social_channel li a.youtube:hover{
         background: #f00;
      }
      .buss_det_Sec .social_channel li a:hover{
         color: #fff !important;
      }
      .custom-center-ps {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
      .custom-center-ps > .col-sm-6 {
         display: flex;
         flex-direction: column;
      }
      .prof_clients .custom-center-ps > div[class*="col"] > a {
         display: flex;
         flex: 1;
      }
      .prof_clients .clients_card {
         font-family: 'Inter', sans-serif;
         background: #fff;
         box-shadow: 0 2px 29px rgb(100 100 111 / 20%);
         border-radius: 5px;
         margin-bottom: 30px;
         display: flex;
         flex-direction: column;
         width: 100%;
      }
      .prof_clients .clients_card .img_box {
         position: relative;
         font-size: initial;
         line-height: initial;
         height: initial;
      }
      .prof_clients .clients_card img {
    display: block;
    width: 100%;
    height: 260px;
    border-radius: 5px 5px 0px 0px;
    object-fit: cover;
}
.prof_clients .clients_card .rating_box {
    position: absolute;
    bottom: 5px;
    background: #fff;
    border-radius: 20px;
    padding: 0 8px;
    right: 5px;
}
.prof_clients .clients_card .rating_star {
    margin: 0;
}
.prof_clients .clients_card .rating_star li {
    display: inline-block;
}  
.prof_clients .clients_card .rating_star em {
    color: #ffd058;
    font-size: 11px;
    display: flex;
}
.prof_clients .clients_card .rating_star li+li {
    margin-left: 5px;
}
.prof_clients .clients_card .rating_no {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    color: #1f1f1f;
}
.prof_clients .clients_card .card_cont {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    height: 100%;
    padding-top: 0;
}
.prof_clients .clients_card .card_cont_inner {
    padding: 15px;
    border-bottom: 1.5px solid #efefef;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.prof_clients .clients_card .card_cont h5 {
    font-size: 16px;
    margin-top: 0;
    /* line-height: 38px; */
    font-weight: 600;
    margin-bottom: 10px;
    color: #3b3b3b;
    text-align: left;
    font-family: 'Inter', sans-serif !important;
    /* text-decoration: none; */
}
.prof_clients .clients_card .card_cont p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px!important;
    text-align: left;
    line-height: 15px;
    color: #707070;
}
.prof_clients .clients_card .card_cont_inner2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /* width: 100%; */
}
.prof_clients ul.list_type {
    display: flex;
    gap: 8px 6px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.prof_clients ul.list_type li {
    display: inline-block;
    color: #707070;
    background: #f2f2f2;
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
}
.prof_clients .add_card_btn{
   margin-top: 0;
}
.prof_clients .add_card_btn .btn, .prof_clients .add_card_btn a {
    background: rgb(255, 112, 47);
    background: linear-gradient(124deg, rgba(255, 112, 47, 1) 0%, rgba(255, 163, 6, 1) 100%);
    border-radius: 30px;
    display: block;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    transition: initial;
}
.prof_clients .add_card_btn .btn:hover, .prof_clients .add_card_btn a:hover {
    background: #FF702F;
}
.prof_clients .card_cont p span {
    font-weight: 600;
}
.prof_clients .clients_card .card_cont p.price_amt {
    color: #1f1f1f;
    margin-bottom: 0px!important;
}
.prof_clients ul.list_type li:nth-child(3) ~ li {
    display: none;
}
.loca_lst .quali_list_sect{
   display: block;
   position: relative;
   height: 100%;
}
.loca_lst .t_coach{
   font-family: 'Inter', sans-serif;
   font-weight: 500;
   font-size: 12px;
   text-align: center;
   color: #ff702f;
   padding: 5px 12px;
   background: #fff0e9;
   border-radius: 100px;
   position: absolute;
   right: 5px;
   top: 5px;
}
.prof_quali.loca_lst .quali_list_title{
   padding-right: 90px;
}
@media(max-width:991px){
   .prof_clients .clients_card img {
    height: 340px;
}  
}
@media(max-width:767px){
   .prof_clients .clients_card img {
    height: 40vh;
    min-height: 330px;
}
}

.qr_bx {
    margin: auto;
}
.qr_bx > div {
    margin: auto;
}
.rating_star svg {
    width: 12px;
    height: 12px;
}

.rating_star path {
    fill: #ffd058;
}

.prof_clients .col-sm-6:nth-child(1n) .img_box .pinitial > span{
    background:#fa9189;
}
.prof_clients .col-sm-6:nth-child(2n) .img_box .pinitial > span{
    background:#ffe699;
}
.prof_clients .col-sm-6:nth-child(3n) .img_box .pinitial > span{
    background:#b3f5bc;
}
.prof_clients .col-sm-6:nth-child(4n) .img_box .pinitial > span{
    background:#d6f6ff;
}
.prof_clients .col-sm-6:nth-child(5n) .img_box .pinitial > span{
    background:#e2cbf7;
}
.prof_clients .col-sm-6:nth-child(6n) .img_box .pinitial > span{
    background:#fcae7c;
}
.prof_clients .col-sm-6:nth-child(7n) .img_box .pinitial > span{
    background:#f9ffb5;
}
.prof_clients .col-sm-6:nth-child(8n) .img_box .pinitial > span{
    background:#d1bdff;
}
.prof_clients  .img_box .pinitial > span {
    height: 60%;
    width: 60%;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_cont_prof .img_cir .pinitial,
.user_bx_sect .img_inner .pinitial{
    background:#fac899
}
.pay_sec_prof .img_cir .pinitial{
    background:#f9f9f9
}
.prof_user_details .img_inner .pinitial > span,
.pay_sec_prof .img_cir .pinitial > span {
    height: 60%;
    width: 60%;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#fac899
}