@keyframes zoom-in-zoom-out {

    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
@keyframes pulse-2 {
    0% {
        transform: scale(2);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}


@media only screen and (max-width: 767px) {
    .navbar {background: #F7F7F7 !important;}
    div#page-content-wrapper {background: #fff;}
    .bg-light-new {background: #fff !important;}
    .user-details {width: 48px;height: 48px;border: 3px #fff solid;}
    .login-innar-page-new .container-fluid {padding-left: 9px;padding-right: 9px;}
    .login-innar-page-new {padding: 15px 0 20px 0 !important}
    .login-innar-page-new .welcome-section-mobile {background: #e6f6ff;border-radius: 20px;padding: 15px 9px;}
    .login-innar-page-new .welcome-section-mobile .order-1-m {order: 1;}
    .login-innar-page-new .welcome-section-mobile .order-2-m {order: 2;}
    .welcome-section-mobile .video .video-icon {top: 0;right: 0;left: 0;bottom: auto;transform: translate(0px, 60%);}
    .welcome-section-mobile .video .video-icon img{ animation: zoom-in-zoom-out 5s ease-out infinite;}
    .welcome-section-mobile .deception-block {padding: 15px 12px 1px;}
    .welcome-section-mobile .deception-block .h2 {font-size: 18px;}
    .welcome-section-mobile .deception-block p {font-size: 14px;line-height: 22px;}
    .welcome-section-mobile .video .video-icon p{margin-top: 14px;}
    .services-section-mobile {padding: 12px 10px 40px;margin-top: 8px;}
    .services-section-mobile .title-h5 {font-size: 15px;padding-left: 0;margin-bottom: 0;}
    .services-section-mobile .item span.icon {left: 21px;}
    .services-section-mobile .catalog-box .item  .button-info {left: 0;right: 0;margin: 0 auto;}
    .services-section-mobile .catalog-box .item {margin-bottom: 71px;height: 260px;}
    .section-serviceswrap-mobile {margin-top: 70px;}
    .section-serviceswrap-mobile .serv-item {border: 1px solid #ccc;margin: -32px auto 0;padding: 25px 27px 23px;max-width: 276px;}
    .section-serviceswrap-mobile .serv-item .icon-f img {filter: grayscale(100%);}
    .footer-section-mobile {height: 24vh;padding-bottom: 0;        background: transparent;}
    .initial-about-top-bar{display:none}
    .initial-booking {display: block !important;}
    .initial-booking h4 {font-family: 'DM Sans';font-style: normal;font-size: 16px;font-weight: 400;line-height: 20.83px;text-align: center;color: #006D99;}
    .wizard-section{display: none;}
    .wizard-section-mobile {display: block !important; margin-top:0;}
    .wizard-section-mobile .wizard-inner {margin-top: 10px;margin-bottom: 12px;}
    .wizard-section-mobile .wizard-costume-nav .completed::after {content: "";position: absolute;width: 42px;height: 42px;border: double #90ccc7 2px;border-radius: 100px;left: -3px;top: -3px;z-index: 0;animation: pulse 1s ease-in infinite;}
    .wizard-section-mobile .wizard-costume-nav .green-active::after{display: none;}
    .title--mob {text-align: center;margin-bottom: 24px;color: #383C3E;font-family: 'DM Sans';font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}
    .wizard-section-mobile .tab-pane-container {padding: 0px;background: transparent;box-shadow: none;border-radius: inherit;}
    .wizard-section-mobile .wizard-costume-nav  li {padding-right: 35px; position: relative; width: auto !important;}
    .wizard-section-mobile .wizard-costume-nav  li:last-child{padding-right: 0;}
    .wizard-section-mobile .wizard-costume-nav  li a {background: #e6f6ff;border: transparent;width: 36px;height: 36px;border-radius: 100px !important;font-weight: 700 !important;font-size: 20px !important;margin-bottom: 10px;line-height: 35px !important;font-style: italic;font-family: 'DM Sans';color: #236e9b;text-align: center !important;padding: 0; position: relative;display: flex;justify-content: center; margin: 0;}
    .wizard-section-mobile .wizard-costume-nav  li a.active {background: #236e9b; color: #fff !important;}
    .wizard-section-mobile .wizard-costume-nav  .nav-item .nav-link::before {content: "";position: absolute;background: #006D99;top: 19px;left: 36px;height: 1px;width: 100%;}
    .wizard-section-mobile .wizard-costume-nav  li:last-child a::before {display: none;}
    .wizard-section-mobile .wizard-costume-nav  .green-active .nav-link::before{background: #35C75A;}
    .wizard-section-mobile .wizard-costume-nav  li a:last-child .step-button.active::after{display: none;}
    .wizard-section-mobile .wizard-costume-nav  .green-active .nav-link {background: #35C75A;}
    .wizard-section-mobile .wizard-costume-nav  .green-active .step-button.active::after{background: #35C75A}
    .wizard-section-mobile .wizard-costume-nav  li:last-child .step-button::before{display: none;}
    .wizard-section-mobile .wizard-costume-nav span.step {padding: 0;font-size: 20px;line-height: 35px;display: flex;justify-content: center;align-content: center;margin: 0;width: auto;}
    .wizard-section-mobile .wizard-costume-nav li.green-active .active .step {color: #fff;}
    .wizard-section-mobile .tab-content {position: relative;}
    .wizard-section-mobile .wizard-costume-nav li.completed a {background: #006D99;background-size: auto;}
    .wizard-section-mobile .tab-content .deception-box-mob {border-radius: 10px;background: #fff;border: solid #DBF1E9 1px; padding: 23px 20px; margin-bottom: 26px; margin-top: 0;}
    .wizard-section-mobile .tab-content .deception-box-mob .iconfont {margin-bottom: 21px;}
    .wizard-section-mobile .tab-content .deception-box-mob h3 {color: #000;font-family: 'DM Sans';font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;margin-bottom: 8px;}
    .wizard-section-mobile .tab-content .deception-box-mob ul {margin: 0px;padding: 0px;clear: both;list-style: none;flex-wrap: wrap;}
    .wizard-section-mobile .tab-content .deception-box-mob li {font-family: 'DM Sans';color: #717171;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-bottom: 0px;padding-bottom: 0px;max-width: 100%;padding-right: 0;}
    .wizard-section-mobile .tab-content .deception-box-mob li:before {content: "";position: absolute;width: 3px;height: 3px;background-color: #717171;left: 5px;top: 9px;}
    .wizard-section-mobile .tab-content .tab-pane {position: relative;}
    .list-inline-mob {position: fixed;bottom:0;left: 0;right: 0;margin: 0 auto;height: 90px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 46.5%, rgba(0, 0, 0, 0.4) 100%);}
    .list-inline-mob .list-inline {position: absolute;bottom: 35px;left: 0;right: 0;max-width: 125px;margin: 0 auto;}
    .list-inline-mob .next-step .icofont {width: 48px;height: 48px;box-shadow: 0px 2px 10px 0px #383C3E1F;font-size: 20px;top: -2px;left: -10px;}
    .list-inline-mob .next-step {font-size: 18px;font-weight: 500;padding: 9px 25px 9px 50px;margin: 0 auto;max-width: 100%;}
    .select-box-mob .select-navi {margin: 0px;padding: 0px;border: transparent;max-height: inherit;overflow-x: inherit;border-radius: inherit;}
    .select-box-mob .select-navi li {width: 100%;display: flex;margin-bottom: 12px;padding: 20px;}
    .select-box-mob .select-navi li a {display: flex;max-width: 204px;text-align: left;align-content: center;font-size: 16px;font-weight: 400;line-height: 21px;}
    .select-box-mob .select-navi li a .icon-img {float: left;width: 32px;margin: 0 21px 0 0;height: auto;}
    .select-box-mob-2 .new-select-nav {border: transparent;padding: 0px;}
    .wizard-costume-nav {display: flex;justify-content: center;width: 100%;border-radius: inherit;padding: 0px;margin: 0 !important;}
    .select-box-mob-2 .calendar-wrpaer .date-container .datepicker-inline table td.day {padding: 14px 12px !important;border-radius: 100px !important;}
    .select-box-mob-4 .hero-section-tap {box-shadow: 0px 8px 6px 0px #D6D6D633;background: #F6FCFF;}
    .select-box-mob-4 .ordering-wrapper {border: 1px solid #DBF1E9;border-radius: 10px;padding: 20px;margin-top: 8px;}
    .select-box-mob-4 .not-text {font-size: 14px;line-height: 22px;font-weight: 400;color: #717171;}
    .wizard-section-mobile .wizard {padding: 0px;margin: 0 !important;}
    .select-box-mob-3 .new-select-nav {border: transparent;padding: 0px;border-radius: inherit; max-height: inherit;}
    .select-box-mob-3 .calendar-daterangepicker {border-radius: 10px;border: 1px solid #DBF1E9;background: #fff;padding: 19px 15px 19px 6px !important;}
    .select-box-mob-3 .calendar-wrpaer .date-container .datepicker-inline table td.day {padding: 14px 12px !important;}
    .select-box-mob-3 .date-container .datepicker-inline table td.active.day {border-radius: 100px !important;}
    .wizard-section-mobile .time-slot-box .time-nav {display: flex;max-width: 100%;flex-wrap: wrap;position: relative;margin: 0px;flex-direction: column;max-height: 378px;height: auto;}
    .wizard-section-mobile .wizard-costume-nav li a.active .step {color: #fff;}
    .wizard-section-mobile .time-slot-box .time-nav li {width: 100%;}
    .select-box-mob-4 .col-heading .sub-title {font-weight: 500;line-height: 26.04px;}
    .select-box-mob-4 .col-heading .h2-title {line-height: 39.06px;}
    .select-box-mob-4 .deception-col {padding-left: 0;border-left: transparent;}
    .select-box-mob-4 .hero-section-tap .col-heading {border-bottom: 1px solid #8BBCD0;padding-bottom: 5px;margin-bottom: 10px;}
    .not-navi li {font-size: 14px;line-height: 22px;padding-left: 21px;}
    .deception-calls li {font-size: 14px !important;padding-left: 21px;line-height: 22px;}
    .list-navi li{font-size: 14px;line-height: 22px;padding-left: 21px;}
    .deception-calls ul {margin-bottom: 0;}
    .wizard-section-elementary {padding: 0px; display: block !important;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link {width: 36px;height: 36px;border-radius: 100px !important;font-size: 0px !important;padding: 0;position: relative;display: flex;justify-content: center;margin: 0;background: #e6f6ff;border: transparent !important;}
    .wizard-section-elementary .wizard-costume-nav .nav-item {padding-right: 35px;width: auto !important;flex: inherit;margin: 0 auto !important;text-align: center;}
    .wizard-section-elementary .wizard-costume-nav .nav-item:last-child {padding-right: 0;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:before {content: "";position: absolute;background: #006D99;top: 20px;left: 36px;height: 1px;width:115px;background-size: inherit !important;}
    .wizard-section-elementary .wizard-costume-nav .completed .nav-link{background: #006D99;background-size: auto;}
    .wizard-section-elementary .wizard-costume-nav .green-active .nav-link {background: #35C75A;}
    .wizard-section-elementary .tab-pane-container {padding: 0;box-shadow: none;border-radius: inherit;}
    .wizard-section-elementary .wizard-costume-nav .green-active .nav-link::before {background: #35C75A;}
    .wizard-section-elementary .wizard-costume-nav .nav-item:last-child .nav-link:before{display: none;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:after {display: none;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link .step {padding: 0;font-size: 20px;line-height: 40px;display: flex;justify-content: center;align-content: center;margin: 0;width: auto;}
    .wizard-section-elementary .wizard-costume-nav .completed::after {content: "";position: absolute;width: 42px;height: 42px;border: double #90ccc7 2px;border-radius: 100px;left: -3px;top: -3px;z-index: 0;animation: pulse 1s ease-in infinite;}
    .wizard-section-elementary .wizard-costume-nav .green-active::after{display: none;}
    .wizard-section-elementary .wizard-inner {margin-top: 20px;  margin-bottom: 20px;}
    .wizard-section-elementary .time-nav {margin-top: 0px;}
    .select-box-mob-4 strong {font-size: 14px;line-height: 22px;font-weight: 400;color: #717171;}
    .list-inline-mob .list-inline-2 {max-width: 255px;}
    .wizard-mob-4 {padding-bottom: 48px;}
    .wizard-section-elementary .tab-content-main .heading-elementary {font-size: 18px;font-style: normal;font-weight: 700;}
    .login-inner-page-dashboard {padding: 15px 0 20px 0 !important;}
    .login-inner-page-dashboard .container-fluid {padding-right: 8px;padding-left: 8px;}
    .login-inner-page-dashboard .welcome-section-mobile {background: #e6f6ff;border-radius: 20px;padding: 15px 9px;}
    .welcome-section-mobile .order-1-m {order: 1;}
    .welcome-section-mobile .order-2-m {order: 2;}
    .welcome-section-mobile .h4 {font-size: 16px;}
    .deception-item-added h6 {font-size: 20px;font-weight: 700;line-height: 26.04px;font-family: 'DM Sans';}
    .deception-item-added .initial-p {font-size: 16px;font-weight: 400;line-height: 20.83px;font-family: 'DM Sans';color: #b1b1b1;}
    .item-added .deception-item-added .initial-p {color: #fff;}
    .logout.pull-right{padding: 7px 0;}
    .select-box-mob-5 .step-note {margin-top: 20px;box-shadow: none;padding: 0 0 40px;border-radius: inherit; text-align: center;}
    .list-inline-mob-5 {display: block !important;}
    .list-inline-mob-5 .list-inline {max-width: 265px;}
    .list-inline-mob-5 .list-inline .next-step {padding: 9px 25px 9px 25px;position: relative;display: flex;justify-content: center;}
    .step-wrapper p {font-size: 15px;font-weight: 400;line-height: 19.53px;font-family: 'DM Sans';}
    .step-wrapper h4 {font-size: 18px;font-weight: 700;line-height: 23.44px;}
    .step-note .txt-area textarea {border: 1px solid #DBF1E9;border-radius: 10px;font-size: 16px;font-style: italic;font-weight: 400;line-height: 28px;font-family: 'DM Sans';}
    .select-box-mob-5 .step-wrapper {box-shadow: none;border-radius: 10px;background: #EEFFF9;}
    .step-note .txt-area span {font-size: 18px;font-weight: 700;line-height: 23.44px;font-family: 'DM Sans';}
    .deception-box-mob {border-radius: 10px;background: #fff;border: solid #DBF1E9 1px;padding: 23px 20px;margin-bottom: 26px;margin-top: 0;}
    .wizard-section-elementary .wizard {padding: 0px;margin: 0 !important;}
    .button-join-mob-2 {display: none !important;}
    .button-join-mob {background-color: #FF8A00;color: #ffffff;border-radius: 50px;padding: 9px 25px 9px 25px;margin: 0;}
    .right-sidebar .heading {background-color: #F8F8F8 !important;padding: 11px 25px;}
    .right-sidebar .heading .float-left {margin-top: 0px !important;font-size: 18px;font-weight: 700;line-height: 23.44px;font-family: 'DM Sans';}
    .right-sidebar .section-box {padding: 10px 27px;margin-bottom: 10px;}
    .section-box-call-mob .form-control {border-bottom: 1px solid #B4B4B4 !important;font-size: 16px;font-weight: 700;line-height: 20.83px;font-family: 'DM Sans';}
    .section-box-call-mob .form-label-group label {font-size: 16px !important;font-weight: 400;line-height: 20.83px !important;font-family: 'DM Sans';}
    .txt-area_mob {margin-left: 26px;margin-right: 26px;}
    .txt-area_mob textarea {width: 100%;border: 1px solid #0000001A;background: #FFFFFF;border-radius: 10px;box-shadow: none;}
    .txt-area_mob span {right: 22px;}
    .heading_mob .tooltip {margin-top: 0;margin-bottom: 0;}
    .your-note-list_mob {width: 100%;float: left;padding: 0 26px;}
    .your-note-list_mob .call-num {width: 100%;margin: 0 0 20px;box-shadow: none;border: 1px solid #0000001A;padding: 10px;}
    .your-note-list_mob .call-num ul {margin: 10px 0 0;padding: 0;}
    .your-note-list_mob .call-num ul li {font-size: 14px;font-weight: 400;line-height: 22px;font-family: 'DM Sans';}
    .your-note-list_mob .call-num span {font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'DM Sans';}
    .right-sidebar {width: 100%;border-radius: 14px 0px 0px 14px;max-width: 96%;overflow-x: hidden; box-shadow: none;}
    .counselor-note-list_mob {width: 100%;float: left;padding: 0 26px;}
    .counselor-note-list_mob .call-num ul {padding: 0;margin: 10px 0 0;}
    .counselor-note-list_mob .call-num {width: 100%;margin: 0 0 20px;box-shadow: none;border: 1px solid #0000001A;padding: 10px;}
    .counselor-note-list_mob .call-num span {font-size: 16px;font-weight: 400;line-height: 24px;font-family: 'DM Sans';}
    .counselor-note-list_mob .call-num ul li {font-size: 14px;font-weight: 400;line-height: 22px;font-family: 'DM Sans';}
    .case-details_mob .btn-light-blue_mob {margin-left: 25px;width: 100%;text-align: center;background: #E4F6FF;border-radius: 100px;font-size: 16px;font-weight: 400;line-height: 20.83px;color: #006D99;font-family: 'DM Sans';padding-left: 0;margin-top: 15px;}
    .case-details_mob .btn-case {margin-left: 25px;width: 100%;text-align: center;background: #E4F6FF;border-radius: 100px;font-size: 16px;font-weight: 400;line-height: 20.83px;color: #006D99;font-family: 'DM Sans';padding-left: 0;}
    .phone-colose-modal .modal-content {width: 100%;border-radius: 14px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(199, 199, 199, 0.20);}
    .phone-colose-modal .modal-dialog {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}
    .phone-colose-modal .modal-header {padding: 15px; position: relative}
    .phone-colose-modal .modal-header .modal-title {font-size: 20px;font-weight: 400;line-height: 20px;font-family: 'DM Sans';}
    .phone-colose-modal .modal-header .close {top: 28px !important;padding: 0 !important;right: 30px;position: absolute;}
    .phone-colose-modal .modal-header .close img {max-width: 19px;}
    .phone-colose-modal .modal-body {padding: 1rem;}
    .phone-colose-modal .btn-cancel {font-size: 18px;font-weight: 500;line-height: 23.44px;font-family: 'DM Sans';padding: 10px 20px;border-radius: 100px;margin: 0;}
    .phone-colose-modal .modal-footer {padding: 1rem 1rem 2rem;}
    .phone-colose-modal .modal-body textarea.form-control {border-radius: 10px;font-size: 16px;font-weight: 400;line-height: 20.83px;font-family: 'DM Sans';}
    .case-details-box_mob1 {border: 1px solid #D9EFFF;border-radius: 20px;padding: 32px 18px; margin: 10px 0 0 0;}
    .case-details-box_mob1 .box-case-1 .text-box{max-height: max-content;height: auto;border-bottom: 1px solid #D8D8D8;margin-bottom: 18px;}
    .case-details-box_mob1 .box-case-1 .text-box h3 {height: auto; font-size: 15px;font-weight: 500;line-height: 22px;}
    .case-details-box_mob1 .link-grup {margin-top: 20px;padding-bottom: 16px;}
    .case-details-box_mob1 .box-case-2 .text-box h3 {height: auto;font-size: 15px;font-weight: 500;line-height: 22px;}
    .case-details-box_mob1 .link-grup a {font-size: 16px !important;font-weight: 400;line-height: 20.83px !important;}
    .dashboard-section-case-detail_mob {padding-left: 0;}
    .breadcrumbs-sticky ul {margin-bottom: 0 !important;}
    .case-details-box_mob1 .box-case-2 .link-grup {padding-bottom: 0;}
    .page-content-wrapper_mob {padding-top: 10px !important;}
    .dashboard-section-case-detail_mob .card-row-1 .card-body {border: 1px solid #EAEAEA;border-radius: 20px;padding: 21px 18px !important; margin-bottom: 16px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .card[aria-expanded="true"] .card-body {border: 1px solid #D9EFFF; margin-bottom: 16px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .card[aria-expanded="true"] .card-body .titlewrapper{ padding-top: 0;}
    .dashboard-section-case-detail_mob .card-details .collct-box {padding-top: 20px;flex-wrap: wrap;}
    .dashboard-section-case-detail_mob .household-budget {width: 100%;margin-left: 0;border-radius: 14px;padding: 15px;margin-left: 0;margin-top: 0;}
    .dashboard-section-case-detail_mob .business-plan-box-new {width: 100%; margin-left: 0;margin-top: 20px;padding: 15px;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block {padding: 0;border: transparent;min-height: auto; margin-right: 12px;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block:last-child {margin-right: 0;margin-left: 12px;}
    .dashboard-section-case-detail_mob .create-wrap {margin-bottom: 0;}
    .dashboard-section-case-detail_mob .business-wrap-d .income-block {min-height: auto;padding: 0;border: transparent;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block .title {font-size: 18px;font-weight: 500;line-height: 24px;}
    .dashboard-section-case-detail_mob .create-wrap.business-wrap-d .title {font-size: 18px;font-weight: 500;line-height: 24px;}
    .dashboard-section-case-detail_mob .household-budget .create-wrap.create-wrap-details {flex-wrap: nowrap;}
    .household-budget .create-wrap.create-wrap-details .income-block p {font-size: 12px;}
    .dashboard-section-case-detail_mob .sonar-wrapper .sonar-emitter {width: 54px;height: 53px;max-height: 54px;max-width: 52.88px;margin-left: 30px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .sonar-wrapper[aria-expanded="true"] .time-date {opacity: 1;left: 44px;top: 4px;border-radius: 10px;box-shadow: 0px 8px 10px 0px #DADADA33;max-width: 179px;padding-left: 49px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .sonar-icon {float: left;margin: 0;max-width: 100%;padding: 0px;display: flex;}
    .dashboard-section-case-detail_mob .sonar-wrapper .sonar-emitter img {width: 26px;}
    .dashboard-section-case-detail_mob .sonar-wrapper[aria-expanded="true"] .sonar-wave{width: 54px;height: 53px;}
    .dashboard-section-case-detail_mob .sonar-wrapper .check-icon {max-height: 53px;max-width: 54px;width: 54px;height: 53px;margin-left: 30px;}
    .page-content-wrapper_mob {padding: 0 !important;}
    .timeline-case-detail-section {padding-left: 0;padding-bottom: 30px; padding-top: 10px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .row {display: block;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .sonar-icon:before {left: 55px;background-size: 1px 14px;}
    .timeline-case-detail-section .row:last-child .sonar-icon:before {display: block;}
    .timeline-case-detail-section .sonar-wrapper {padding: 1rem 0 2rem;}
    .timeline-case-detail-section .card-row-1 .card-details{margin-bottom: 10px;}
    .step-box-2 {max-width: 100%;}
    .timeline-case-detail-section .business-asessment {width: 100%;margin-bottom: 20px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .row .sonar-icon:after {content: "";position: absolute;top: -17px;margin-left: 0;height: 34%;display: block;background-image: linear-gradient(#b1b1b1 33%, rgba(177, 177, 177, 0) 0%);background-position: right;background-repeat: repeat-y;width: 1px;left: 55px;background-size: 1px 14px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .row:first-child .sonar-icon:after{display: none;}
    .create-wrap.business-wrap-d p {font-size: 12px;}
    .timeline-case-detail-section .completed-check .sonar-wrapper .time-date {left: 44px;top: 4px;border-radius: 10px;box-shadow: 0px 8px 10px 0px #DADADA33;max-width: 179px;padding: 10px 10px 10px 49px;}
    .card-details .step-box-card.case-member-detail .row {display: flex;}
    .msg-body-section-box_mob .chat-message-left {flex-wrap: wrap;margin-top: 0;}
    .msg-body-section-box_mob .chat-message-left .chat-avatar {order: 1;margin-right: 0;}
    .msg-body-section-box_mob .chat-message-left .chat-hour {order: 2;margin-left: 10px;width: 76%;text-align: left;}
    .msg-body-section-box_mob .chat-message-left .message-data {order: 3;width: 100%;margin: 14px 0;}
    .msg-body-section-box_mob .chat-message-right {flex-wrap: wrap;margin-top: 0;width: 100%;}
    .msg-body-section-box_mob .chat-message-right .chat-avatar {order: 2;margin-left: 0;}
    .msg-body-section-box_mob .msg-body ul li.repaly .chat-hour {order: 1;margin-right: 12px;width: 76% ;text-align: right ;}
    .msg-body-section-box_mob .chat-message-right .message-data {order: 3;width: 100%;margin: 14px 0;}
    .message-data .chat-text{padding: 9px 14px 9px; background: #F7F7F7 !important;}
    .message-data .chat-text h3 {font-size: 14px;line-height: 22px;}
    .chat-message-left .message-data .chat-text a {background-color: #006D99;border-color: #006D99;font-size: 14px;}
    .chat-message-right .message-data .chat-text a {background-color: #006D99;border-color: #006D99;font-size: 14px;}
    .titlewrapper .card-text {font-size: 18px;font-weight: 700;line-height: 24px;}
    .dashboard-section-case-detail_mob .timeline-section .completed-check .card-row .card-body {margin-top: 40px; padding: 20px 20px;}
    .dashboard-section-case-detail_mob .timeline-section .card[aria-expanded="true"] .card-body {border: 1px solid #D9EFFF;}
    .dashboard-section-case-detail_mob .timeline-section .card-details .progressbar-box {flex-wrap: nowrap;padding-bottom: 10px;}
    .dashboard-section-case-detail_mob .progressbar-box .canvas-progressbar {max-width: 100%;margin-right: auto;margin-left: auto;width: 46%;height: 127px;}
    .dashboard-section-case-detail_mob .timeline-section .card[aria-expanded="true"] .card-title {font-size: 14px;font-weight: 400;line-height: 19px;color: #717171;}
    .dashboard-section-case-detail_mob .timeline-section .card[aria-expanded="true"] .card-footer {margin-top:0;margin-bottom: 20px;border-radius: 20px;}
    .dashboard-section-case-detail_mob .timeline-section .card-text {font-size: 18px;font-weight: 700;line-height: 24px;}
    .dashboard-section-case-detail_mob .timeline-section .sonar-icon::before {display: block;}
    .dashboard-section-case-detail_mob .timeline-section .sonar-icon::before {left: 55px;}
    .dashboard-section-case-detail_mob .timeline-section .sonar-icon {float: left;margin: 0;max-width: 100%;padding: 0px;display: flex;}
    .dashboard-section-case-detail_mob .timeline-section .sonar-wrapper {padding: 1rem 0 2rem;margin-bottom: 10px;}
    .dashboard-section-case-detail_mob .timeline-section .completed-check .time-date {left: 44px;top: 4px;border-radius: 10px;box-shadow: 0px 8px 10px 0px #DADADA33;max-width: 179px;padding: 10px 10px 10px 49px;width: 179px;}
    .dashboard-section-case-detail_mob .timeline-section .deception-box-perice {margin-top: 0;}
    .dashboard-section-case-detail_mob .card-details .deception-tet {display: flex;justify-content: center;width: 100%;margin-bottom: 20px;}
    .dashboard-section-case-detail_mob .card-footer  .right-section {padding: 20px;border: 1px solid #D9EFFF;border-radius: 20px;}
    .dashboard-section-case-detail_mob .card-details .business-chart {margin: 0 auto 20px;}
    .dashboard-section-case-detail_mob .timeline-section .card[aria-expanded="true"] .card-footer-2 {display: block;padding: 0;}
    .dashboard-section-case-detail_mob .timeline-section .right-section {padding: 20px;border: 1px solid #D9EFFF;border-radius: 20px;}
    .dashboard-section-case-detail_mob .timeline-section .profit-wrap .loss {width: 100%;position: relative;bottom: 0;margin-top: 20px;}
    .dashboard-section-case-detail_mob .timeline-section .business-plan {margin-bottom: 20px;}
    .dashboard-section-case-detail_mob .timeline-section .row:last-child .sonar-icon:before {display:block;}
    .page-content-wrapper_mob .nav-top {margin-top: 20px;}
    .page-content-wrapper_mob .nav-top span {font-size: 18px;font-weight: 700;line-height: 24px;}
    .counselor-section_mob .ongoing-call-section_mob {padding: 0;margin-bottom: 20px;}
    .counselor-section_mob {flex-wrap: wrap; padding-bottom: 20px;}
    .counselor-section_mob .upcoming-calls-section {padding: 0;}
    .counselor-section_mob .button-wrapper-section .view-summary {margin: 0;flex-wrap: wrap;}
    .counselor-section_mob .button-wrapper-section .view-summary .btn-view-summary {max-width: 100%;margin-bottom: 15px;  width: 100%;margin-right: 0;}
    .counselor-section_mob .button-wrapper-section .start-join {margin: 0 0 15px;width: 100%;}
    .counselor-section_mob .call-details-section {padding-right: 0;}
    .counselor-section_mob.ongoing-call-inner{  padding-right: 0;}
    .counselor-section_mob .ongoing-call-section_mob .ongoing-call-inner-section {border-radius: 20px;padding: 25px 20px;}
    .counselor-section_mob .upcoming-nav {max-height: 312px;height: auto;}
    .contentarea-main_mob .custom-datatable {border: 1px solid #D9EFFF;border-radius: 20px;padding: 20px;}
    .contentarea-main_mob {margin-top: 7px;}
    .contentarea-main_mob .form-select-group .select2-container {margin-top: 2px;width: 100% !important;border: solid #eee 1px;border-radius: 10px;padding: 10px;}
    .contentarea-main_mob .case-list-search .case-select {margin-right:0;z-index: 9;width: 100%;}
    .case-list-search .case-select:nth-child(1) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(2) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(3) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(4) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(5) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(6) .select2.select2-container {width: 100% !important;}
    .case-list-search .case-select:nth-child(7) .select2.select2-container {width: 100% !important;}
    .contentarea-main_mob .case-list-search .form-label-group > label {position: relative;top: 0;margin-bottom: 5px;}
    .contentarea-main_mob .case-list-search .select2-container--default .select2-selection--single .select2-selection__arrow {right: 9px;top: 13px;}
    .title-call_mob {display: none;}
    .session-images_col {padding: 0;}
    .session-images-box{margin-top: 0; position: relative;}
    .page-content-video_mob{padding: 0 !important;}
    .inital-section_mob .second-user .main {padding-left: 0;padding-right: 0;}
    .chat-opened_mob {display: none;position: fixed;left: 0;right: 0;top: 0;z-index: 9999;background: #fff;padding: 19px;height: 100vh;}
    .chat-opened_mob[hidden] {display: block !important;}
    .chat-opened_mob  .chatbox .modal-dialog-scrollable .modal-body {overflow-y: auto;max-height: 100%;height: calc(100vh - 360px);}
    .session-images_col .local-video_mob-2 {height: calc(100vh - 91px) !important;width: 100% !important;object-fit: cover;position: absolute;top: 0;left: 0;}
    .session-images_col .local-video_mob {height: calc(100vh - 97px) !important;width: 100% !important;object-fit: cover;right: 0;border-radius: inherit;top: 0;position: relative;}
    .video-call-page .main-user video {border: 1px solid #ffffff;width: 33% !important;position: fixed;right: 20px;top: 159px;border-radius: 20px;height: 150px !important;object-fit: cover;}
    .local-video_mob_new .remote-video {height: calc(100vh - 90px) !important;width: 100% !important;object-fit: cover;}
    .nav-wrapper_mob {position: absolute;bottom: 50px;left: 0;right: 0;margin: 0 auto;padding: 20px;justify-content: center;width: 90%;}
    .btn-back_mob {display: flex !important;align-items: center;padding-bottom: 15px;}
    .btn-back_mob .icon-back{box-shadow: 0px 2px 10px 0px #383C3E1F;background: #FFFFFF;width: 40px;height: 40px;border-radius: 100px;justify-content: center;align-items: center;display: flex !important;margin-right: 10px;}

    .chat-opened_mob .chatbox .body-chat-message-user {margin-top: 0;}
    .nav-wrapper_mob.nav-wrapper ul li {margin-right: 27px; width: inherit;height: inherit;}
    .nav-wrapper_mob.nav-wrapper ul li a {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
    }
    .nav-wrapper_mob.nav-wrapper ul li:last-child{margin-right: 0;}
    .nav-wrapper_mob ul {display: flex;justify-content: center;align-items: center;width: 100%;}
    .chat-back-arrow {position: absolute;top: 18px;left: 18px;right: 0;margin: 0;}
    .chat-opened_mob .chat-message-right {width: 100%;flex-wrap: wrap;margin-top: 10px;}
    .chat-opened_mob .chat-message-right .chat-hour {order: 1;text-align: right !important;}
    .chat-opened_mob .chat-message-right .chat-avatar {order: 2;margin-left: 20px;}
    .chat-opened_mob .chat-message-right .message-data {width: 100%;margin-right: 0;order: 3;margin-top: 10px;}
    .chat-opened_mob .chat-message-left {width: 100%;flex-wrap: wrap;margin-top: 10px;}
    .chat-opened_mob .chat-message-left .chat-hour {order: 2;text-align: left;margin-left: 0;}
    .chat-opened_mob .chat-message-left .chat-avatar {order: 1;margin-right: 20px;}
    .chat-opened_mob .chat-message-left .message-data {width: 100%;margin-left: 0;order: 3;margin-top: 10px;}
    .video-call-page_mob .title-call {display: none;}
    .chat-opened_mob-2 {display: none;position: fixed;left: 0;right: 0;top: 0;z-index: 9999;background: #fff;padding: 19px; height: 100vh;}
    .chat-opened_mob-2[hidden] {display: block !important;}
    .chat-opened_mob-2 .chatbox .modal-dialog-scrollable .modal-body {max-height: 100%;height: calc(100vh - 360px);}

    .chat-opened_mob-2 .chat-message-right {width: 100%;flex-wrap: wrap;margin-top: 10px;}
    .chat-opened_mob-2 .chat-message-right .chat-hour {order: 1;text-align: right !important;}
    .chat-opened_mob-2 .chat-message-right .chat-avatar {order: 2;margin-left: 20px;}
    .chat-opened_mob-2 .chat-message-right .message-data {width: 100%;margin-right: 0;order: 3;margin-top: 10px;}
    .chat-opened_mob-2 .chat-message-left {width: 100%;flex-wrap: wrap;margin-top: 10px;}
    .chat-opened_mob-2 .chat-message-left .chat-hour {order: 2;text-align: left;margin-left: 0;}
    .chat-opened_mob-2 .chat-message-left .chat-avatar {order: 1;margin-right: 20px;}
    .chat-opened_mob-2 .chat-message-left .message-data {width: 100%;margin-left: 0;order: 3;margin-top: 10px;}
    .chat-opened_mob .chat-message-bottom {background: #F7F7F7;}
    .chat-opened_mob-2 .chat-message-bottom {background: #F7F7F7;}
    .chat-opened_mob .chat-message-bottom .input-wrp .form-control {background: transparent;}
    .chat-opened_mob-2 .chat-message-bottom .input-wrp .form-control {background: transparent;}
    .chat-opened_mob .chat-message-bottom .send-prepend .chat-button {background-color: #006D99;}
    .chat-opened_mob-2 .chat-message-bottom .send-prepend .chat-button {background-color: #006D99;}
    .inital-section_mob .send-box {position: fixed;bottom: 0;left: 0;right: 0;padding: 10px;}
    .breadcrumbs-header {padding-top: 30px;}
    .m-d-none {display: none !important;}
    /* Mobile scrollbar */
    .mob-scrollbar::-webkit-scrollbar {
        width: 7px;
    }
    .mob-scrollbar::-webkit-scrollbar-track {
        border-radius: 100px;
        background-color: #EEEEEE;
        border: 1px solid #cacaca;
    }
    .mob-scrollbar::-webkit-scrollbar-thumb {
        border-radius: 100px;
        background-color: #006D99;
    }
}
@media only screen and (max-width: 640px) {
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:before {width: 99px;}
    .right-sidebar .section-box-mob {position: relative; padding: 0px 16px 10px 15px}
    .right-sidebar .section-box-mob .close-icon-box {position: absolute;right: 30px;top: 3px;max-width: 19px;}
    .case-details_mob {flex-wrap: wrap; width: 100%;}
    .case-details_mob ul {padding-left: 25px;width: 100%;margin-bottom: 14px;flex-wrap: wrap;}
    .case-details_mob ul li:last-child{margin-right: 0; margin-bottom: 10px;}
    .case-details_mob ul li {background: #E4F6FF;}
    .right-sidebar {width: 100%;border-radius: 14px 0px 0px 14px;max-width: 95%;overflow-x: hidden; box-shadow: none;}
    .header-view-details {flex-wrap: wrap;}
    .daterangepicker-custom .modal-header {padding: 0;margin-bottom: 10px;position: relative;}
    .daterangepicker-custom .modal-title {font-size: 20px;font-weight: 400;line-height: 20px;font-family: 'DM Sans';}
    .daterangepicker-custom .modal-dialog .modal-header .close {top: 13px !important;padding: 0 !important;right: 20px;}
    .daterangepicker-custom .modal-body .pl-0 {padding: 0;}
    .daterangepicker-custom .calendar-daterangepicker {padding: 15px 10px;overflow-x: inherit;}
    .daterangepicker-custom .date-container .next {right: 12px;}
    .daterangepicker-custom .modal-body .hero-section {margin: 10px 0 20px;}
    .daterangepicker-custom .modal-body .time-nav {padding: 0 15px;}
    .timeline-case-detail-section .sonar-wrapper {margin-bottom: 0;}
    .page-content-wrapper_mob .Welcome-section {padding-top: 15px;}
    .ongoing-call-section_mob .ongoing-call-left h3 {flex-wrap: nowrap; align-items: center;}
    .ongoing-call-section_mob .ongoing-call-left h3 .icon { margin-right: 10px;}
    .ongoing-call-section_mob .ongoing-call-left {margin-bottom: 10px;}
    .counselor-section_mob .button-wrapper-section .view-summary .start-join .icofont {width: 44px;height: 44px;top: -3px;}
    .counselor-section_mob .button-wrapper-section .view-summary .start-join .icofont img {max-width: 22px;}





}
@media only screen and (max-width: 480px) {
    .footer-section-mobile {height: 18vh;}
    .wizard-section-elementary .videobox-three .overlay {background: linear-gradient(180deg, #000 -7.23%, rgba(0, 0, 0, 0.00) 95.18%);}
    .wizard-section-elementary .video .video-icon {top: 40%;right: 0;bottom: auto;left: 0;}
    .wizard-section-elementary .video .video-icon .play-circle {width: 32px;height: 32px;animation: zoom-in-zoom-out 5s ease-out infinite;}
    .services-section-mobile .catalog-box .item { height: auto; padding: 14px 20px;margin-bottom: 67px;}
    .step-note .tooltip .tooltiptext {left: -251px;width: 411px;max-width: inherit;right: 0;margin: 0 auto;}
    .step-note .tooltip .tooltiptext::after { left: 61%;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:before {width: 69px;}
    .right-sidebar {max-width: 450px;}
    .header-view-details {flex-wrap: wrap;}
    .breadcrumbs-data ul li a::after {display: block;top: 0;font-size: 18px;height: auto;line-height: 24px;}
    .breadcrumbs-data ul {display: flex;overflow-y: hidden;overflow-x: auto;max-height: 25px;max-width: 100%;margin-bottom: 16px;padding-bottom: 10px;padding-top: 10px;align-items: center;}
    .breadcrumbs-data ul li {white-space: nowrap;font-size: 18px;font-weight: 700;line-height: 23.44px;font-family: 'DM Sans';}
    .breadcrumbs-data ul li a {font-family: 'DM Sans';font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;}
    .breadcrumbs-data ul li a.active {font-size: 18px;font-weight: 700;line-height: 23.44px;}
    .recording h4 {font-size: 18px;font-weight: 700;line-height: 23.44px;font-family: 'DM Sans';}
    .date-p p {font-size: 18px;line-height: 23.44px;font-family: 'DM Sans';font-weight: 400;color: #383C3E;}
    .daterangepicker-custom .date-container .datepicker-inline table td.day {border-radius: 100px !important;}
    .timeline-case-detail-section .sonar-wrapper {padding: 1rem 0 1rem;}
    .dashboard-section-case-detail_mob .card-row-1 .card-body{margin-bottom: 10px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .card[aria-expanded="true"] .card-body{margin-bottom: 10px;}
    .dashboard-section-case-detail_mob .timeline-case-detail-section .sonar-icon:before {background-size: 1px 11px;}
    .timeline-case-detail-section .sonar-wrapper {margin-bottom: 10px;}
    .case-details-box_mob1 {margin: 0;}
    .card-details .step-box-card.case-member-detail .row .col-11 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .card-details .step-box-card.case-member-detail .row .col-1 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .dashboard-section-case-detail_mob .timeline-section .sonar-wrapper {padding: 1rem 0 1rem;}




}
@media only screen and (max-width: 430px) {
    .step-note .tooltip .tooltiptext::after {left: 79%;}
    .step-note .tooltip .tooltiptext {left: -319px;width: 402px;}
    .heading_mob .tooltip .tooltiptext {left: 52px;width: calc(300px - 0px);}
    .heading_mob .tooltip .tooltiptext::after {left: 120px;}
    .right-sidebar{max-width:400px;}
    .chat-opened_mob .chatbox .modal-dialog-scrollable .modal-body{height: calc(100vh - 380px);}
    .chat-opened_mob-2 .chatbox .modal-dialog-scrollable .modal-body{height: calc(100vh - 380px);}
}
@media only screen and (max-width: 414px) {
    .step-note .tooltip .tooltiptext::after {left: 72%;}
    .step-note .tooltip .tooltiptext {left: -251px;width: 345px;}
    .right-sidebar{max-width:384px;}
}
@media only screen and (max-width: 393px) {
    .step-note .tooltip .tooltiptext::after {left: 78%;}
    .step-note .tooltip .tooltiptext {left: -251px;width: 322px;}
    .right-sidebar{max-width: 360px;}
}

@media only screen and (max-width: 375px) {
    .step-note .tooltip .tooltiptext::after {left: 80%;}
    .step-note .tooltip .tooltiptext {left: -251px;width: 305px;}
    .right-sidebar{max-width: 345px;}
    .daterangepicker-custom .date-container .datepicker-inline table td.day{padding: 10px !important;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block .title {font-size: 16px;}
    .create-wrap .income-block .price{font-size: 15px;}
    .create-box .view-more {font-size: 14px;}
    .dashboard-section-case-detail_mob .create-wrap.business-wrap-d .title {font-size: 16px;}

}

@media only screen and (max-width: 360px) {
    .wizard-section-mobile .wizard-costume-nav li {padding-right: 25px;}
    .wizard-section-elementary .date-container .next {right: 9px;}
    .welcome-section-descovery .date-container .next {right: 9px;}
    .step-note .tooltip .tooltiptext {width: 291px;max-width: inherit;right: 0;margin: 0 auto;}
    .step-note .tooltip .tooltiptext::after { left: 86%;}
    .wizard-section-elementary .wizard-costume-nav .nav-item {padding-right: 26px;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:before {width: 62px;}
    .select-box-mob-3 .calendar-wrpaer .date-container .datepicker-inline table td.day {padding: 12px 11px !important;}
    .right-sidebar{max-width: 330px;}
    .daterangepicker-custom .calendar-daterangepicker {padding: 15px 2px;}
    .dashboard-section-case-detail_mob .household-budget .create-wrap.create-wrap-details {display: block;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block {padding: 0;border: transparent;min-height: auto;margin-right: 0;width: 50%;float: left;}
    .dashboard-section-case-detail_mob .create-wrap-details .income-block:last-child {width: 100%;margin: 0;}
    .card-details .step-box-card.case-member-detail .row .col-11 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
    .card-details .step-box-card.case-member-detail .row .col-1 {-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
    .chat-opened_mob-2 .chatbox .modal-dialog-scrollable .modal-body {height: calc(100vh - 265px);}
    .nav-wrapper ul .red-icon img {width: 19px;}
}
@media only screen and (max-width: 320px) {
    .wizard-section-elementary .date-container .datepicker-inline table td.day {font-size: 14px;}
    .wizard-section-elementary .date-container .datepicker-inline table td.day {font-size: 14px;}
    .wizard-section-elementary .wizard-costume-nav .nav-item {padding-right: 19px;}
    .wizard-section-elementary .wizard-costume-nav .nav-item .nav-link:before {width: 30px;}
    .right-sidebar{max-width: 290px;}
    .daterangepicker-custom .date-container .datepicker-inline table td.day {padding: 8px !important}
    .score-row h5 {font-size: 14px;}
    .view-more {font-size: 13px;}
    .view-more img {width: 10px;}
    .dashboard-section-case-detail_mob .create-wrap.business-wrap-d .title{font-size: 16px;}
    .dashboard-section-case-detail_mob .card-row-1 .card-body{padding: 21px 12px !important;}
    .create-wrap-details .income-block .icon img {width: 10px;height: 13px;}
    .household-budget .create-wrap.create-wrap-details .income-block p {font-size: 10px;}
    .create-wrap.business-wrap-d p {font-size: 10px;}
    .business-asessment{  padding: 20px 10px;}
    .create-wrap .income-block .icon img {width: 10px;height: 13px;}
    .card-details .step-box-card.case-member-detail .row .col-11 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .card-details .step-box-card.case-member-detail .row .col-1 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom: 20px;}
    .chat-opened_mob .chatbox .modal-dialog-scrollable .modal-body {height: calc(100vh - 273px);}
}