@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap');
.slide-image img {
    margin-right: -70px;
}

.tdStatus {
    padding: 6px 16px;
    border-radius: 56px;
    display: flex;
    justify-content: center;
    min-width: 65px;
    font-size: 12px;
    font-weight: 400;
}

.tdSuccess {
    color: #00C969;
    background-color: #00c9691a;
}

.tdWarning {
    color: #4285F4;
    background-color: rgba(66, 133, 244, 0.10);
}

.tdDraft {
    color: #797979;
    background-color: #7979791a;
}

.mr-3 {
    margin-right: 1rem !important;
}

.tdDanger {
    color: #C80A50;
    background-color: #c80a501a;
}

.spanWarning {
    color: #fff;
    background-color: #4285F4;

}

.btnAction {
    background-color: #fff;
    border: 1px solid var(--foundation-blue-blue-100);
    padding: 8px;
    border-radius: 8px;
}

.customPopover {
    border: 1px solid #fff;
    min-width: 160px;
}

.customPopover .popover-body {
    padding: 16px;
    background-color: #fff;
}

.listActions.link-list a {
    color: var(--foundation-purple-purple-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.listActions li:not(:last-child) {
    margin-bottom: 24px;
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    border-top-color: #fff;
}

.cardGrid .card-bordered {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.noBorder {
    border: unset;
}

.cardGrid .card .card-inner {
    padding: 24px;
}

.projectTitle {
    color: var(--foundation-purple-purple-900);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 8px;
}

.projectDesc {
    color: var(--foundation-blue-blue-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.cardGrid .project-head {
    margin-bottom: 16px;
}

.cardGrid .project-details {
    margin-bottom: 20px;
}

.projectDate {
    color: var(--foundation-blue-blue-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.customDropdown.dropdown-menu.show {
    padding: 16px;
    border-radius: 8px;
}

.customDropdown .dropdown-inner {
    padding: 0;
}

.customDropdown .user-info {
    width: 100%;
}

.customDropdown .user-card {
    padding: 24px 16px;
    border-bottom: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.passValidation {
    width: 350px;
    height: auto;
    position: absolute;
    top: 45%;
    right: -355px;
    left: unset;
    padding: 0;
}

.form-validate {
    position: relative;
}

.passValidation .modal-content {
    background-color: #FFF;
    padding: 24px;
}

.passValidation .modal-title {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.passValidation .customCheckbox.form-group label:before {
    width: 16px;
    height: 16px;
    padding: 5px;
}

.passValidation .modal-body {
    padding: 0;
}

.passValidation .customCheckbox.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.passValidation .customCheckbox.form-group input:checked+label {
    color: var(--mainColor);
}

.passValidation .customCheckbox.form-group input:not(:checked)+label::before {
    border: 1px solid var(--foundation-blue-blue-500, #8094AE);
}

.passValidation .customCheckbox.form-group:not(:last-child) {
    margin-top: 10px;
}

/* .profileDropdown .user-card {
    padding: 0;
} */

.nk-header .profileDropdown.dropdown-menu .lead-text {
    margin-bottom: 8px;
    color: var(--foundation-purple-purple-900);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.profileDropdown .project-progress-task {
    color: var(--foundation-blue-blue-500);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.profileDropdown .project-progress-task span {
    color: var(--foundation-blue-blue-900);
}

.profileDropdown .project-progress-details {
    margin-top: 4px;
}

.profileDropdown .progress-pill {
    height: 8px;
}

.profileDropdown .user-avatar+.user-info,
[class^=user-avatar]:not([class*=-group])+.user-info {
    margin-left: 16px;
}

.profileDropdown .user-avatar {
    margin-right: 0;
}

.profileDropdown .project-progress {
    margin-bottom: 0;
}

.profileDropdown .link-list {
    padding: 0;
}

.profileDropdown .link-list a {
    padding: 20px 16px;
    color: var(--foundation-purple-purple-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.profileDropdown .link-list a svg {
    margin-right: 12px;
}

.profileDropdown .link-list li:not(:last-child) {
    border-bottom: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.customDropdown.profileDropdown .dropdown-inner+.dropdown-inner {
    border-top: unset;
}

.noBorderR {
    border-radius: unset !important;
}

.customModal .el-button:focus,
.customModal .el-button:hover {
    background-color: transparent;
}

.customModal .closeModal {
    border: unset;
    padding: 0;
}

.customModal .el-drawer__title {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;

}

.customModal .el-drawer__header {
    padding: 0;
    margin-bottom: 32px;
}

.customModal .user-avatar,
.customModal [class^=user-avatar]:not([class*=-group]) {
    width: 70px;
    height: 70px;
}

.customModal .nk-activity-data .label {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.customModal .nk-activity-item {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    border-radius: 16px;
    cursor: pointer;
}

/* .v-enter-active,
.v-leave-active {
    transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
} */

.customModal .nk-activity-item:not(:first-child) {
    margin-top: 16px;
}

.customForm .form-label {
    color: var(--black-black-900, #08150D);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.customForm .customInput:not(:last-child) {
    margin-bottom: 24px;
}

.customForm .form-group {
    margin-top: 0;
}

.noMarginR {
    margin-right: 0 !important;
}

.noMarginL {
    margin-left: 0 !important;
}

.customForm .mainBtnD {
    width: 100%;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    padding: 20px 24px;
}

.customForm .btn,
.customForm .dual-listbox .dual-listbox__button {
    font-size: 14px;
    font-weight: 500;
}

.marginT-48 {
    margin-top: 48px;
}

.innerHeaderLayout .nk-menu-item a svg {
    margin-right: 8px;
}

.noSideMenu .lightHeader.innerHeaderLayout .nk-menu-main .nk-menu-link,
.noSideMenu .lightHeader.innerHeaderLayout .nk-menu-main .nk-menu-link:hover {
    color: var(--purple-purple-100, #CEB0FA);
}

.pl-2 {
    padding-left: 5px;
}

.createSurveyEmptyState {
    padding: 20px 24px 20px 24px !important;
    justify-content: center !important;
    border-radius: 6px !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-family: Poppins !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
}



.innerHeaderLayout .logoNavItem a {
    position: relative;
    top: 5px;
}

.noSideMenu .lightHeader.innerHeaderLayout .nk-menu-main .nk-menu-link.active {
    color: var(--foundation-purple-purple-900, #11002A);
}

.btnDraft,
.btnDraft.btn:hover,
.btnDraft.btn:first-child:active,
.btnDraft.btn:focus-visible {
    padding: 6px 16px;
    border-radius: 56px;
    background: rgba(121, 121, 121, 0.10);
    margin-left: 10px;
    color: #797979;
    border: 1px solid rgba(121, 121, 121, 0.10);
    font-size: 12px;
    font-weight: 400;
}

.marginLAuto {
    margin-left: auto;
}

.innerHeaderLayout .centerNav .nk-menu-item a svg {
    margin-left: 24px;
}

.noSideMenu .lightHeader.innerHeaderLayout .centerNav .nk-menu-main .nk-menu-link {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-weight: 500;
}

.noSideMenu .lightHeader.innerHeaderLayout .centerNav .nk-menu-main .nk-menu-link.active {
    color: var(--purple-purple-500, #6200EE);
}

.noSideMenu .centerNav .nk-menu-main>li>.nk-menu-link.active:before {
    background: var(--purple-purple-500, #6200EE);
    right: unset;
    left: 24px;
}

.btn:focus-visible,
.dual-listbox .dual-listbox__button:focus-visible,
.btn:first-child:active {
    color: var(--bs-btn-hover-color);
    background-color: var(--purple-purple-500, #6200EE);
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.previewBtn,
.previewBtn.btn:hover,
.previewBtn.btn:first-child:active,
.previewBtn.btn:focus-visible {
    padding: 0;
    border-radius: 8px;
    height: 48px;
    width: 48px;
}

.btnPublish,
.btnPublish.btn:first-child:active,
.btnPublish.btn:focus-visible,
.btnPublish.btn:hover {
    border-radius: 8px;
    height: 48px;
    padding: 14px 24px;
    color: var(--neutral-white, #FFF);
    box-shadow: unset;
}

.btn-primary:active:focus,
.btn-primary:active:focus,
.btn:focus {
    box-shadow: unset;
}

.nk-sidebar {
    top: 64px;
    /* width: 18%; */
    padding: 0;
    max-height: 100%;
}

.innerSidebar.el-menu {
    padding: 70px 24px 32px;
    padding-top: 24px;
    border-right: 0.5px solid var(--foundation-blue-blue-100);
}

.innerSidebar .el-sub-menu__title {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.surveyContent .sidebarSVG path {
    stroke: var(--foundation-blue-blue-500, #8094AE);

}

.fontSize-22 {
    font-size: 22px !important;
}

.marginRight-16 {
    margin-right: 16px !important;
}

.marginRight-8 {
    margin-right: 8px !important;
}

.innerSidebar .el-sub-menu.is-opened .el-sub-menu__title {
    color: var(--foundation-purple-purple-900, #11002A);
    font-weight: 600;
}

.innerSidebar .el-sub-menu.is-opened .sidebarSVG path {
    stroke: var(--foundation-purple-purple-900);
}

.innerSidebar.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
.innerSidebar.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
    padding: 0;
}

/* .innerSidebar.el-menu--vertical .is-opened .el-menu-item{
    padding: 0!important;
} */
.innerSidebar .el-sub-menu__title:hover {
    background-color: transparent;
}

.innerSidebar .el-sub-menu .el-sub-menu__icon-arrow {
    right: 0;
}

.innerSidebar .el-menu-item {
    line-height: 25px !important;
    white-space: break-spaces !important;
}

.mainRow {
    position: relative;
    z-index: 2;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FBFBFF;
}

.surveyTabs .nav-pills {
    padding: 8px 16px;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

/* .innerSidebar .el-menu-item:hover{
    background-color: transparent;
} */
.innerSidebar .el-menu-item-group__title .el-menu-item {
    position: relative;
}

.addBtnSide,
.addBtnSide:hover {
    position: absolute;
    right: 15px;
    padding: 5px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    width: 49px;
    display: flex;
    justify-content: center;
}

.addBtnSide {
    display: none;
}

.innerSidebar .el-menu-item:hover {
    background-color: var(--purple-8, #F3EBFE);
    border-radius: 4px;
}

.innerSidebar .el-menu-item:hover .addBtnSide {
    color: var(--purple-purple-500);
    display: block;
}

.innerSidebar .el-menu-item-group .el-menu-item {
    padding-left: 5px !important;
}

.marginRight-8 {
    margin-right: 8px !important;
}

.innerSidebar .el-menu-item.is-active,
.innerSidebar .el-menu-item {
    color: var(--foundation-purple-purple-900);
}

.rightNav {
    padding: 70px 24px 32px;
    /* width: 300px; */
    border-left: 0.5px solid var(--foundation-blue-blue-100);
    border-right: unset;
    padding-top: 24px;
}

.titleSideBar {
    color: var(--Foundation-Blue-blue-600, #74879E) !important;
    font-family: Poppins;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
}

.formTitle {

    padding: 30px 0px 16px;
    margin-bottom: 24px;
}

.surveyForm .el-form-item__label {
    justify-content: left;
    color: var(--foundation-purple-purple-900);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    align-items: center;
    width: auto !important;
}

.surveyForm .el-switch__core {
    height: 22.857px;
    width: 40px;
    border-radius: 35px;
    background: #BFBFBF;
}

.surveyForm .el-form-item__content {
    justify-content: right;
}

.surveyForm .el-switch.is-checked .el-switch__core {
    border-color: var(--purple-purple-500);
    background-color: var(--purple-purple-500);
}

.surveyForm .el-switch__core .el-switch__action {
    left: 3px;
}

.surveyForm .el-switch.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 19px);
}

.surveyForm .el-form-item {
    margin-bottom: 24px;
}

.centerContent {
    /* margin-left: 18%; */
    padding: 110px 48px 24px;
}

.surveyTabs .nav-pills .nav-link {
    color: var(--foundation-purple-purple-900);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 8px;
    padding: 10px 24px;
    position: relative;
    display: flex;
    justify-content: center;
}

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

.surveyTabs .nav-pills .nav-link.active,
.surveyTabs .nav-pills .show>.nav-link {
    background: var(--purple-8);
}

.surveyTabs .nav-pills .nav-link.active::after,
.surveyTabs .nav-pills .show>.nav-link::after {
    content: '';
    width: 55px;
    height: 3px;
    border-radius: 0px 0px 2px 2px;
    background: var(--purple-purple-500);
    position: absolute;
    bottom: 0px;
}

.leftSidbar {
    position: fixed;
    height: 100%;
    z-index: 1;
}

.outlineBtn {
    background-color: transparent;
    border: 1px solid var(--foundation-blue-blue-100);
    border-radius: 8px;
}

.saveTemp,
.saveTemp:hover {
    border-radius: 8px;
    position: absolute;
    bottom: 16px;
    z-index: 10002;
    width: 88%;
    padding: 20px 24px;
    left: 10px;
    background-color: transparent;
    border: 1px solid var(--foundation-blue-blue-100);
}

.saveTemp svg {
    margin-right: 8px;
}

.wihDrop {
    display: flex;
    margin-left: 8px;
}

.wihDrop button {
    border: unset;
    background-color: transparent;
    border-left: 1px solid #D8DEE6;
    padding: 10px 16px 10px 24px;
}

.wihDrop button svg {
    margin-left: 16px;
}

.addLangBtn {
    margin-left: auto;
}

.langBtn {
    padding: 10px 16px;
}

.surveyTabs .tab-content>.active .card {
    padding: 24px;
}

.langTxt {
    margin-left: 8px;
    color: var(--foundation-purple-purple-900);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.surveyTabs .dropdown-item:hover,
.surveyTabs .dropdown-item:focus {
    background: var(--purple-8);
}

.innerSidebar .el-menu-item.emptyItem:hover {
    background-color: unset;
}

.surveyTabs .card {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    cursor: grab;
}

.card.focusCard {
    border-radius: 16px;
    border: 3px solid rgba(98, 0, 238, 0.10);
    background: rgba(243, 235, 254, 0.25);
}

.surveyTabs .card .form-control {
    color: var(--foundation-blue-blue-500);
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    background-color: transparent;
    border: unset;
    padding: 16px;
    border-radius: 8px;
}

.surveyTabs .card .form-control::placeholder {
    color: var(--foundation-blue-blue-500);
}

.focusCard .form-control {
    color: var(--foundation-blue-blue-500);
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    background-color: transparent;
    border: unset;
    padding: 16px;
    border-radius: 4px;
}

.focusCard .form-control::placeholder {
    color: var(--foundation-blue-blue-500);
}

.editBtnDrop button {
    border: unset;
    background-color: transparent;
}

.focusCard .form-control.formConDesc {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}

.dropCol {
    display: flex;
    justify-content: right;
    padding-right: 0;
    padding-left: 0;
}

.noPaddingRight {
    padding-right: 0;
}

.marginTop-24 {
    margin-top: 18px !important;
}

.focusCard textarea.form-control {
    min-height: 50px;
    background-color: #fff;
}

.surveyTabs .card .readOnly {
    color: var(--foundation-purple-purple-900);
}

.surveyTabs .card .form-control.formConDesc {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.surveyTabs .card textarea.form-control {
    min-height: 50px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.el-sub-menu {
    border-bottom: 1px solid #F2F4F7;
}

.el-sub-menu .el-menu-item:not(:last-child) {
    border-bottom: 1px solid #F2F4F7;
}

.surveyTabs .dropdown-menu.show {
    transform: translate(-15px, 44px) !important;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.surveyTabs .dropdown-item {
    padding: 16px;
}

.marginRLAuto {
    margin-left: auto;
    margin-right: auto;
}

.emptyContent {
    padding: 165px 177px;
    text-align: center;
    position: relative;
}

.addTitleQue {
    color: var(--foundation-purple-purple-900);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 24px;
    margin-bottom: 8px;
}

.addDescQue {
    color: var(--foundation-blue-blue-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}

.pulse-button {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: var(--purple-purple-500);
    box-shadow: 0 0 0 0 rgba(123, 90, 212, 0.5);
    -webkit-animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {}

    70% {

        box-shadow: 0 0 0 15px rgba(100, 90, 212, 0);
    }

    100% {

        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}

.wrapperPie {
    display: block;
}

.pie-wrap {
    width: 486px;
    height: 486px;
    position: relative;
    border-radius: 50%;
    color: black;
    overflow: hidden;
    /* background-color: #fff; */
    box-shadow: 0px 0px 24px 0px rgba(142, 152, 168, 0.06);
    background-image: url(../images/circle.png);
    position: absolute;
    left: 20%;
    top: 20%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.lineDivider .img1 {
    position: relative;
    top: 5px;
}

.lineDivider {
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #F2F4F7;
}

.surveyQueBtn:nth-child(1) {
    position: absolute;
    top: 60px;
    left: 210px;
}

.typeTextTitle {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px;
}

.surveyQueBtn:nth-child(2) {
    position: absolute;
    left: 75px;
    top: 140px;
}

.surveyQueBtn:nth-child(3) {
    position: absolute;
    right: 60px;
    top: 140px;
}

.surveyQueBtn:nth-child(4) {
    position: absolute;
    left: 55px;
    bottom: 140px;
}

.surveyQueBtn:nth-child(5) {
    position: absolute;
    bottom: 60px;
    left: 195px;
}

.surveyQueBtn.notshownQuestionType {
    position: absolute;
    bottom: 60px;
    left: 220px;
}

.surveyQueBtn:nth-child(6) {
    position: absolute;
    right: 60px;
    bottom: 140px;
}

.closeAnimation {
    visibility: hidden;
    opacity: 1;
    animation: unrotate 0.4s linear;
}

.noMarginLR {
    margin-right: 0;
    margin-left: 0;
}

.centerLogic {
    padding: 110px 48px 24px;
}

.centerLogic .el-card__body {
    padding: 32px;
}

.centerLogic .el-card {
    border-radius: 24px;
    border: 0px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.centerLogic .el-card.is-always-shadow {
    box-shadow: unset;
}

.logicTitle {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px !important;
}

.logicTitle svg {
    margin-right: 16px;
}

.centerLogic .surveySection .form-control.sectionInput {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding-left: 24px;
}

.goToPadding {
    padding: 0 24px 24px;
}

.goToBtn,
.goToBtn:hover {
    color: var(--purple-purple-500, #6200EE);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    cursor: pointer;
}

.sectionQues {
    padding: 0 24px;
}

.nextFullInput .el-select {
    width: 100%;
}

.nextInput .el-input__wrapper {
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    height: 50px;
    padding: 13px 16px;
}

.nextInput .el-select .el-input.is-focus .el-input__wrapper,
.nextInput .el-select .el-input__wrapper.is-focus {
    box-shadow: unset !important;
}

.nextInput .el-select .el-input .el-select__caret {
    font-size: 25px;
}

.centerLogic .sectionRow {
    padding-bottom: 32px;
    border-radius: 16px;
}

.logicPage .el-popper__arrow {
    display: none;
}

.logicPage .el-popper {
    border-radius: 8px;
}

.goToBtnFlex {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 30%;
    margin-right: 16px;
}

.surveyTabs .card .singleChoice .logicOptionInput {
    border: unset !important;
}

.logicSingleAnswer {
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    padding: 16px 24px;
    align-items: center;
}

.logicSingleAnswer .singleSelectChoice {
    top: 35px;
}

.surveyTabs .card:not(.focusCard) .answerSingle .logicOptionInput {
    padding-left: 16px !important;
}

.logicPage .el-select-dropdown__list {
    padding: 16px;
}

.logicPage .el-select-dropdown__item {
    padding: 8px 8px;
    height: 40px;
    border-radius: 8px;
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.logicPage .el-select-dropdown__item:not(:first-child) {
    margin-top: 16px;
}

.logicPage .el-select-dropdown__item.selected {
    color: var(--purple-purple-500, #6200EE);
    background: var(--purple-8, #F3EBFE);
}

.logicPage .el-select-group__title {
    padding-left: 8px;
}

.logicPage .el-select-group .el-select-dropdown__item {
    padding-left: 8px;
}

.form-control.searchLang {
    height: 50px;
    padding: 13px 16px 13px 48px;
}

.form-control.searchLang::placeholder {
    color: var(--foundation-blue-blue-300, #AAB7C9);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.customModal .el-dialog__headerbtn:hover .el-dialog__close {
    color: #8094AE;
}

.langModal .searchIcon {
    left: 16px;
}

.noPadding {
    padding-left: 0;
    padding-right: 0;
}

.selectLang {
    margin-top: 32px;
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Cairo', sans-serif;
    padding: 24px 8px;
    border-bottom: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.selectLang img {
    width: 30px;
    height: 21.818px;
    border-radius: 2.73px;
    margin-right: 8px;
}

.selectLang .el-switch {
    float: right;
}

.noMargin {
    margin: 0;
}

.langModal .el-dialog__footer {
    border-top: unset;
}

.surveyPreview {
    /*background-image: url(../images/prev-back.png);*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 350px;
    text-align: center;
    position: relative;
}

.surveyPreTitle {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 54px;
}

.backQuesBtn {
    position: absolute;
    left: 74px;
    top: 49px;
    color: #764848;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 8px;
    background: #FFE5E5;
    padding: 15px 24px;
}

.backQuesBtn svg {
    margin-right: 10px;
}

.startSurveyCard.el-card {
    text-align: center;
    margin-top: -222px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

.paddingRL-74 {
    padding-left: 74px;
    padding-right: 74px;
}

.startSurveyCard .el-card__body {
    /* padding: 138px 0; */
    padding-bottom: 67px;
}

.chartTable.table.new-chart-table thead tr th {
    padding: 24px 25px;
    white-space: nowrap;
}

.titlePrev {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 24px;
    margin-bottom: 16px;
}

.descPrev {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 24px;
}

@keyframes unrotate {
    0% {
        transform: rotate(360deg);
        opacity: 1;
        visibility: visible;
    }

    100% {
        transform: rotate(180deg);
        opacity: 0;
        visibility: hidden;
    }
}

.showPopup {
    visibility: visible;
    opacity: 1;
    animation: rotate 0.4s linear;
}

@keyframes rotate {
    0% {
        transform: rotate(180deg);
        opacity: 0;
    }

    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

.fadeOut {
    position: relative;
    top: 0;
    animation: fadeOut 0.4s linear;
    opacity: 0;
}



@keyframes fadeOut {
    0% {
        top: 0;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

.fadeIn {
    position: relative;
    animation: fadeIn 0.4s linear;
    opacity: 1;
}

@keyframes fadeIn {
    0% {
        top: 20px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.addQueBank {
    margin-top: 32px;
    color: var(--foundation-blue-blue-500, #8094AE);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.addQueBank a {
    color: var(--purple-purple-500, #6200EE);
    font-weight: 500;
    line-height: 16px;
    text-transform: capitalize;
    margin-left: 8px;
}

.emptyRightSection {
    text-align: center;
    margin-top: 50px;
}

.emptySectionTxt {
    color: var(--foundation-purple-purple-900, #11002A);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    margin-top: 16px;
}

.el-menu.nk-sidebar {
    width: 320px;
}

.noSideMenu .nk-header {
    padding: 10px 0 10px;
}

.noPaddingLeft {
    padding-left: 0;
}

.overFlowBtn {
    position: fixed;
    width: 320px;
    background-color: #fff;
    z-index: 10000;
    height: 80px;
    bottom: 0;
    border-right: 0.5px solid var(--foundation-blue-blue-100);
}

.overFlowBtn .saveTemp,
.overFlowBtn .saveTemp:hover {
    position: relative;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: unset;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    box-shadow: 0px -5px 4px 1px rgb(223 216 216 / 20%);
}

.borderRight {
    border-right: 0.5px solid var(--foundation-blue-blue-100);
}

.surveyQueBtn img {
    background-color: #F2F4F7;
    padding: 10px;
    border-radius: 8px;
    width: 37px;
    height: 38px;
}

.notshownQuestionType img {
    background-color: var(--purple-purple-500, #6200EE);
}

.settingInput .el-input__wrapper {
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    padding: 8px 16px;
}

.labelInput {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 16px;
}

.ratingDisabled .el-rate__item .el-rate__icon.is-active svg:nth-child(1) {
    display: none !important;
}

.ratingDisabled .el-rate__item .el-rate__icon.is-active svg:nth-child(2) {
    display: block !important;
}

.ratingDisabled .el-rate .el-rate__icon.hover {
    transform: unset !important;
}

.ratingDisabled .el-rate__item {
    color: #8094AE !important;
}

.ratingDisabled .el-rate .el-rate__icon.is-active {
    color: #8094AE !important;
}

.addMoreBtn {
    position: relative;
    top: 5px;
    cursor: pointer;
}

.surveyInput .el-input__wrapper {
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.el-select.surveyInput .el-input__wrapper.is-focus,
.el-select.surveyInput .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--foundation-blue-blue-50) inset !important;
}

.el-select.surveyInput .el-input__inner {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.el-select.surveyInput .el-input .el-select__caret {
    color: var(--foundation-blue-blue-900, #363E49);
}

.surveyTabs .card:not(.focusCard) .ratingDisabled .el-rate__item,
.surveyTabs .card:not(.focusCard) .ratingDisabled .el-rate .el-rate__icon.is-active {
    color: #6200EE !important;
}

.surveyTabs .card:not(.focusCard) .ratingDisabled .addMoreBtn,
.surveyTabs .card:not(.focusCard) .labelInput {
    display: none;
}

.npsNum {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    background: #FFF;
    gap: 8px;
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    min-width: 50px;
    min-height: 50px;
}

.npsGroup {
    min-height: 50px;
    justify-content: space-between;
}

.bottomLabel {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    margin-top: 8px;
}

.user-avatar img,
[class^=user-avatar]:not([class*=-group]) img {
    width: 32px;
    height: 32px;
}

div.tab-pane[dir="rtl"] .noPaddingRightAr {
    padding-right: 0;
}

div.tab-pane[dir="rtl"] .dropCol {
    justify-content: left;
}

/* div.tab-pane[dir="rtl"] .editBtnDrop .dropdown-item svg{
    float: left;
} */
div.tab-pane[dir="rtl"] .editBtnDrop .dropdown-toggle.noPaddingRight {
    padding-left: 0;
}

div.tab-pane[dir="rtl"] .dropdown-menu {
    text-align: right;
}

div.tab-pane[dir="rtl"] .langTxt {
    margin-left: unset;
    margin-right: 8px;
}

div.tab-pane[dir="rtl"],
div.tab-pane[dir="rtl"] h5 {
    font-family: 'Cairo', sans-serif !important;
}

.noSideMenu .nk-header-wrap {
    padding: 0 24px;
}

.surveyTabs .card .form-control:hover {
    background-color: var(--purple-8, #F3EBFE);
}

.surveyTabs .card .form-control:focus {
    border: unset;
    box-shadow: unset;
}

.surveyTabs .card .form-control.formConDesc {
    font-size: 14px;
    font-weight: 400;
}

.addBtnPopupCard {
    position: relative;
    top: -39px;
}

.bottomBtnCard {
    top: 10px;
}

.addBtnPopupCard .pulse-button {
    animation: unset;
    width: 32px;
    height: 32px;
    display: none;
    position: absolute;
    right: 50%;
}

.surveyTabs .card:hover .addBtnPopupCard .pulse-button {
    display: block;
}

.surveyTabs .pie-wrap {
    left: 36%;
    position: fixed;
    box-shadow: 0px 20px 500px -5px rgba(24, 4, 53, 0.4);
    z-index: 10;
}



.surveyTabs .closePopup {
    position: absolute;
    top: 45%;
    right: 45%;
}

.portal-pie .closePopup {
    position: absolute;
    top: 45%;
    right: 45%;
}


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

.dragIcon {
    margin-right: 16px;
    display: none;
}

div.tab-pane[dir="rtl"] .dragIcon {
    margin-right: unset;
    margin-left: 16px;
}

.surveyTabs .card .form-control.noHover:hover {
    background-color: transparent;
}

.surveyTabs .card:hover .dragIcon {
    display: block;
}

.singleChoice label {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px;

}

.answerSingle:not(:first-child) {
    margin-top: 24px;
}

.surveyTabs .card:not(.focusCard) .form-control:not(.formConDesc) {
    padding-left: 0;
}

.sortable-drag {
    opacity: 1 !important;
}

.surveyTabs .card:not(.focusCard) .form-control {
    transition: all 0.35s ease-in-out;
}

.surveyTabs .card:not(.focusCard) .form-control:hover {
    padding-left: 16px;
    transition: all 0.35s ease-in-out;
}

.surveyTabs .card .singleChoice .formConDesc:not(.question-decription) {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
}

.surveyTabs .focusCard .singleChoice textarea.form-control:not(.formConDesc) {
    background-color: transparent;
}

.addNewAnswer {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 0.5px solid var(--purple-purple-500, #6200EE);
    color: var(--purple-purple-500, #6200EE);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    margin-top: 24px;
}

.removeAnswer {
    background-color: transparent;
    border: unset;
    position: absolute;
    right: 40px;
    top: 45px;
    display: none;
}

.surveyTabs .card .singleChoice .answerSingle:hover .removeAnswer {
    display: block;
}

.focusCard .removeAnswer {
    top: 54px;
}

.dragAnswer {
    position: absolute;
    right: 16px;
    top: 0;
}

.focusCard .dragAnswer {
    top: 20px;
}

.focusCard .dragAnswer {
    top: 20px;
}

.otherOption .el-tooltip__trigger {
    margin-right: auto;
    margin-left: -5px;
}

div.tab-pane[dir="rtl"] .removeAnswer {
    left: 50px;
    right: unset;
}

div.tab-pane[dir="rtl"] .dragAnswer {
    left: 26px;
    right: unset;
}

div.tab-pane[dir="rtl"] .card:not(.focusCard) .form-control:not(.formConDesc) {
    padding-right: 0;
}

div.tab-pane[dir="rtl"] .card:not(.focusCard) .form-control {
    transition: all 0.35s ease-in-out;
}

div.tab-pane[dir="rtl"] .card:not(.focusCard) .form-control:hover {
    padding-right: 16px;
    transition: all 0.35s ease-in-out;
}

.rightModal .el-drawer__body {
    padding: 0;
}

.rightModal .el-drawer__body .user-avatar img {
    width: 70px;
    height: 70px;
}

.rightModal .nk-activity-data .time {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.btnGr {
    margin-left: 0;
    margin-right: 0;
}

.btn-outline-primary.mainBtnD,
.btn-outline-primary.mainBtnD:hover {
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    color: var(--foundation-blue-blue-900, #363E49);
    background-color: transparent;
}

.answerSingle.col-lg-6 {
    margin-top: 24px;
}

.surveyTabs .card .table,
.surveyTabs .table> :not(caption)>*>* {
    background-color: transparent;
}

.surveyTabs .table> :not(caption)>*>* {
    border-top: unset;
}

.titleInputMatrix,
.titleInputMatrix:focus,
.titleInputMatrix:focus-visible {
    border: unset;
    background-color: transparent;
    outline: unset;
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    word-wrap: break-word;
    max-width: 100ch;
}

.surveyTabs .table thead tr:last-child th {
    border-bottom: unset;
}

.surveyTabs .table thead tr th,
.surveyTabs .table tr td {
    text-align: center;
}

.inputHead {
    text-align: center;
}

.radioCheckTd {
    border-top: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-bottom: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    background-color: #fff !important;
    height: 40px;
}

.surveyTabs table {
    border-collapse: separate;
    border-spacing: 0 24px;
}

tr .radioCheckTd:nth-child(2) {
    border-left: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-radius: 4px;
}

tr .radioCheckTd:last-child {
    border-right: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.matrixOptions .el-form-item {
    display: block;
}

.matrixOptions .el-form-item input {
    width: 100%;
    padding: 10px 16px;
}

.matrixQues input[type=number]::-webkit-inner-spin-button,
.matrixQues input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    display: block !important;
    appearance: auto;
}

.matrixQues .el-upload.el-upload--text .el-upload-dragger {
    /* background-image: url(../images/uploadFrame.png);
    background-size: 100% 100%; */
    padding: 16px;
    min-height: 159px;
    border-radius: 8px;
}

.matrixQues .el-upload-dragger:hover,
.matrixQues .el-upload-dragger {
    border: 1px dashed var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-color: var(--foundation-blue-blue-100, #D8DEE6) !important;
}

.imageLabel {
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px;
}

.imageTxt {
    color: var(--foundation-blue-blue-300, #AAB7C9);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.matrixQues .el-upload-dragger svg {
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    margin-top: 40px;
}

.el-upload-list {
    display: none;
}

.surveyTabs .card .inputlabImg .form-control {
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    margin-top: 16px;
}

.imgLabell {
    margin-top: 16px;
    color: var(--foundation-blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.selectedImg {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    background: #FFF;
}

.imgCountry {
    width: 27px;
    height: 19.286px;
    border-radius: 3px;
}

.phoneNumberQues .custom-select {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    padding: 16px !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    height: 55px;
    display: flex;
}

.focusCard .phoneNumberQues .custom-select {
    margin-top: 8px;
}

.phoneNumberQues .select-selected {
    width: 100%;
}

.phoneNumberQues .select-selected svg {
    float: right;
}

.surveyTabs .card .form-control.textArea {
    background-color: #fff;
    border-radius: 8px;
}

.phoneTxt {
    margin-left: 4px;
}

div.tab-pane[dir="rtl"] tr .radioCheckTd:last-child {
    border-right: unset !important;
    border-left: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
}

div.tab-pane[dir="rtl"] tr .radioCheckTd:nth-child(2) {
    border-left: unset !important;
    border-right: 1px solid var(--foundation-blue-blue-100, #D8DEE6) !important;
    border-radius: 4px;
}

div.tab-pane[dir="rtl"] .phoneNumberQues .select-selected svg {
    float: left;
}

div.tab-pane[dir="rtl"] .phoneTxt {
    margin-left: unset;
    margin-right: 4px;
}

.dateInput .el-input--large .el-input__wrapper {
    padding: 16px;
    width: 100%;
    height: 55px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    background: #FFF;
}

.dateInput .el-date-editor.el-input {
    width: 100%;
}

.el-input__wrapper:hover,
.el-input__wrapper.is-focus,
.el-input__wrapper,
.el-select .el-input__wrapper.is-focus {
    box-shadow: unset !important;
}

.selectDate.el-form-item {
    display: block;
}

.selectDate .dateInput {
    margin-top: 8px;
}

div.tab-pane[dir="rtl"] .el-input__prefix-inner>:first-child,
div.tab-pane[dir="rtl"] .el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 8px;
}

.chooseTxt {
    color: var(--purple-purple-500, #6200EE);
}

.matrixQues.uploadImage .el-upload-dragger svg {
    width: 24px;
    height: 24px;
    margin-top: 20px;
}

.secondTxt {
    margin-top: 16px;
}

.matrixQues.uploadImage .el-upload.el-upload--text .el-upload-dragger {
    background: var(--foundation-blue-blue-50, #F2F4F7);
}

.upload-demo {
    /* padding-right: 0; */
}

.rightModal .customForm {
    margin-left: 0;
    margin-right: 0;
}

.singleSelectChoice {
    position: absolute;
    top: 20px;
    left: 30px;
}

.surveyTabs .card:not(.focusCard) .answerSingle .form-control {
    padding-left: 34px;
}

.blockForm.el-form-item {
    display: block;
}

.blockForm .el-select .el-input__wrapper {
    padding: 13px 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.blockForm .el-form-item__content {
    display: block;
}

.withBorder .el-input__wrapper {
    padding: 13px 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.exactNum,
.rangeNum {
    margin-top: 8px;
}

.rightForm .el-input--large .el-input__wrapper {
    padding: 5px 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.card:not(.focusCard) .removeAnswer {
    top: 15px;
}

.matrixQues .el-upload-dragger .avatar,
.selectedImg img {
    height: 212px;
}

.removeImageBtn {
    position: absolute;
    top: 32px;
    right: 32px;
    border: unset;
    background-color: transparent;
}

div.tab-pane[dir="rtl"] .card:not(.focusCard) .answerSingle .form-control {
    padding-right: 34px;
    padding-left: unset;
}

div.tab-pane[dir="rtl"] .singleSelectChoice {
    left: unset;
    right: 15px;
}

.leftSidbar .el-scrollbar__bar {
    z-index: 2000000000 !important;
    background: #F2F4F7;
    right: 6px !important;
}

@media (max-width: 1600px) {
    .gap-16-sm{
        gap: 16px !important;
    }
    .el-menu.nk-sidebar,
    .overFlowBtn {
        width: 320px;
    }

    .paddingRL-74 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .survey-submit-footer {
        justify-content: center !important;
    }

    .prevSurveyCard .el-card__body {
        padding: 8px 10px 15px !important;
        /* margin-bottom: 180px !important; */
    }

    .autoScroll {
        overflow-x: auto
    }

    .imageSelectionImg {
        height: 270px !important;
    }

    .dateInputDiv .customElForm .el-select {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .col-lg-6.selectedImg {
        flex: 0 0 auto;
        width: 48%;
        height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .gap-16-sm{
        gap: 16px !important;
    }
}

@media (min-width: 1200px) {
    .innerHeaderLayout .nk-menu-main.nk-menu {
        padding: 0;
    }

    .innerHeaderLayout .nk-menu-main>li.nk-menu-item {
        padding: 0 10px 0 0;
    }

    .innerHeaderLayout .centerNav .nk-menu-main>li.nk-menu-item {
        padding: 0 24px 0 0;
    }
    .gap-16-sm{
        gap: 16px !important;
    }
}

@media (min-width: 992px) {
    .has-apps-sidebar .nk-sidebar {
        left: 0;
    }

    .has-apps-sidebar .nk-sidebar.rightNav {
        left: unset;
        right: 0;
    }

    .customModal.el-drawer.rightModal {
        width: 603px !important;
    }
    .gap-16-sm{
        gap: 16px !important;
    }
}

@media (min-width: 576px) {
    .gap-16-sm{
        gap: 16px !important;
    }
    .modal-header {
        padding: 0 0 10px;
    }

    .customModal .nk-activity-item {
        padding: 24px;
    }
}

@media (max-width: 1500px) {
    .emptyContent {
        padding: 65px 35px;
    }

    .home-sixth .first-part {
        background-position: center;
    }

    .home-sixth .first-part .nps {
        right: -28px;
    }

}

@media (max-width: 1400px) {
    .pie-wrap {
        left: 3%;
        top: 3%;
    }
}

.selectedImg .autoHeight {
    height: auto;
}

.ghost {
    opacity: 0.5;
    background: #c8ebfb;
}

.profileNav .nav-link:first-child svg path {
    fill: var(--foundation-purple-purple-900);
    stroke: var(--foundation-purple-purple-900);
}

.surveyTabs .nav-pills .nav-link img {
    width: 22px;
    height: 16px;
    border-radius: 2px;
}

.tb-odr-head th {
    text-transform: capitalize;
}

.noSideMenu .lightHeader .user-avatar img,
.noSideMenu [class^=user-avatar]:not([class*=-group]) img {
    width: 40px;
    height: 40px;
}

.noSideMenu .lightHeader .user-avatar.widthHieght-32 img,
.noSideMenu .widthHieght-32[class^=user-avatar]:not([class*=-group]) img {
    width: 32px;
    height: 32px;
}

.deleteIconHome .langTxt {
    color: #D30815;
    font-weight: 500;
}

.customPopover.el-popover.el-popper {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    background: #FFF;
}

.customPopover li:not(:last-child) .dropdown-item {
    margin-bottom: 24px;
}

.projectDate svg {
    margin-right: 8px;
}

.noSideMenu .centerNav .nk-menu-main>li:nth-child(2)>.nk-menu-link.active:before {
    left: 25px;
}

.configCard {
    margin-top: 122px;
}

.configCard.el-card {
    border-radius: 24px;
}

.configCard.el-card .el-card__body {
    padding: 40px 35px;
}

.configTitle {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    border-bottom: 1px solid #F2F4F7;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.configCard .el-collapse {
    border-top: unset;
}

.configCard .el-collapse-item__header {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    color: var(--foundation-purple-purple-900, #11002A);
}

.configCard .el-collapse-item__header.is-active {
    color: var(--purple-purple-500, #6200EE);
}

.configCard .el-form-item__label {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.configCard .el-form-item__content {
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    display: block;
}

.configCard .el-switch {
    float: right;
    bottom: 15px;
}

.configCard .el-switch__core {
    width: 56px;
    height: 32px;
    border-radius: 30px;
}

.configCard .el-switch__core .el-switch__action {
    width: 23px;
    height: 23px;
    left: 3px;
}

.configCard .el-switch.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 27px);
    color: var(--purple-purple-500, #6200EE);
}

.configCard .el-switch.is-checked .el-switch__core {
    border-color: var(--purple-purple-500);
    background-color: var(--purple-purple-500, #6200EE);
}

.configCard .el-form-item {
    margin: 32px 0;
    display: block;
}

.configCard .el-collapse-item__arrow.el-icon {
    width: 24px;
    height: 24px;
}

.configCard .el-collapse-item__arrow.el-icon svg {
    height: 2em;
    width: 2em;
}

.configCard .el-collapse-item__arrow.is-active {
    transform: rotate(-90deg);
}

.configCard .el-input__wrapper {
    padding: 0;
}

.configCard .el-input__prefix {
    display: none;
}

.configCard .el-date-editor.el-input,
.configCard .el-input {
    height: 56px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    width: 100%;
}

.configCard .el-input__suffix {
    display: none;
}

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

.customElForm .el-form-item__content {
    position: relative;
}

.customElForm svg {
    position: absolute;
    right: 16px;
}

.hideLabel label {
    opacity: 0;
}

.customElForm .el-form-item__label {
    margin-bottom: 8px;
}

/* .customElForm.timeForm{
    margin-left: 8px;
} */
.dateTimeRow {
    width: 100%;
    justify-content: space-around;
    margin: 0;
}

.customElForm .el-select .el-input__wrapper.is-focus,
.customElForm .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: unset !important;
}

.timeForm .el-input__inner {
    font-size: 14px;
}

.passwordRow {
    width: 100%;
    margin: 0;
}

.passwordRow .form-group {
    margin-top: 32px;
}

.passwordRow .form-icon .icon {
    color: #8094AE;
}

.passwordRow .btnGroup {
    display: flex;
    justify-content: right;
    margin-top: 0;
}

.btnGroup .mainPassBtn {
    padding: 14px 24px;
    height: 48px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.configCard .el-collapse-item__wrap {
    border-bottom: unset;
}

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

.surveyPaging .page-link {
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    padding: 8px 16px;
    color: var(--foundation-purple-purple-900, #11002A);
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 125%;
    height: 40px;
}

.surveyPaging .page-link svg {
    margin-right: 4px;
}

.surveyPaging .page-item:first-child .page-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.surveyPaging .page-item:last-child .page-link {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.surveyPaging .page-item:last-child .page-link svg {
    margin-left: 4px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--purple-purple-500, #6200EE);
    border-color: var(--purple-purple-500, #6200EE);
}

.pagingInfo {
    margin-top: 16px;
    margin-bottom: 16px;
}

.pagingInfo small {
    color: var(--foundation-blue-blue-600, #74879E);
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
}

.configCard .el-collapse-item__header {
    border-bottom: unset;
}

.main-footer {
    padding-top: 50px;
    padding-bottom: 50px;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.surveySection:hover .addSectionBtn {
    display: block;
}

.addSectionBtn {
    display: none;
}

.surveySection .addSectionBtn {
    position: relative;
    top: -15px;
}

.addSectionBtn .pulse-button {
    animation: unset;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 50%;
}

.addSectionBtn.bottomBtnCard {
    top: -15px;
}

.sectionRow {
    margin: 0;
    background: var(--foundation-blue-blue-50, #F2F4F7);
    border-radius: 16px 16px 0px 0px;
}

.sectionRow .form-control {
    border: unset;
    background-color: transparent;
    box-shadow: unset
}

.surveySection {
    border-radius: 16px;
    background: #F7F8FB;
    cursor: grab;
}

.surveySection:not(:first-child) {
    margin-top: 24px;
}

.handle-drag {
    cursor: grab;
}

.sectionEditBtn svg rect {
    fill: transparent;
}

.sectionEditBtn {
    position: relative;
    top: 15px;
}

.sectionContain {
    padding: 32px 24px 32px;
}

.emptySectionAdd {
    position: relative;
    right: 15px;
    padding: 24px 0;
}

.quesContain:not(:first-child) {
    margin-top: 24px;
}

.sectionContain:last-child {
    padding: 32px 24px 87px;
}

/* Survey Preview */

.surveySection .sectionQues:not(:first-child) {
    margin-top: 24px;
}

.prevSurveyCard .form-control[readonly] {
    background-color: unset;
    border: unset !important;
    box-shadow: unset !important;
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    padding: 0;
}

.prevSurveyCard .el-card__body {
    padding: 81px 100px 150px;
    /* margin-bottom: 100px; */
}

.prevSurveyCard .description-label,
.prevSurveyCard .labelInput {
    text-align: left;
    margin-top: 8px;
}

.prevSurveyCard .form-control {
    padding: 16px;
    height: 53px;
    border-radius: 4px;
}

.prevSurveyCard .answerSingle {
    border-radius: 4px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    padding: 16px;
    height: 53px;
    text-align: left;
}

.prevSurveyCard .el-radio {
    height: 100%;
    width: 100%;
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner {
    border-color: var(--purple-purple-500) !important;
    background: var(--purple-purple-500) !important;
}

.el-radio__input.is-checked+.el-radio__label,
.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--purple-purple-500) !important;
}

.mainBtnSurvey {
    border-radius: 8px;
    background: var(--purple-purple-500, #6200EE);
    width: 212px;
    height: 56px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    color: var(--neutral-white, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid var(--purple-purple-500, #6200EE);
    margin-top: 24px;
}

.nextPageBtn {
    float: right;
    margin-right: 20px;
}

.submitPageBtn {
    float: right;
    margin-right: 20px;
}

.prevPageBtn {
    float: left;
    margin-left: 20px;
}

.prevSurveyCard .bottomLabel {
    text-align: left;
}

.prevSurveyCard .npsNum {
    min-width: 70px;
}

.npsNum.active {
    background-color: var(--purple-purple-500, #6200EE) !important;
    color: #fff !important;
}

.targetCard {
    border-radius: 16px;
}

.el-menu--vertical .el-menu-item.logicItem {
    padding: 24px 2px 24px 0 !important;
    border-top: 1px solid #F2F4F7;
    width: 100%;
}

.logicItem .el-form-item {
    margin-bottom: 0;
    width: 100%;
}

.innerSidebar .el-menu-item.logicItem:hover {
    background-color: unset;
}

.logicItem .el-form-item__label {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
}

.logicItem .el-form-item__content {
    justify-content: end;
}

.logicItem .el-switch__core {
    background-color: var(--el-switch-off-color);
}

.hold-container {
    background: linear-gradient(0deg, #D8DEE6, #D8DEE6),
        linear-gradient(0deg, #FFFFFF, #FFFFFF);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.startSurveyCard .form-startSurvey {
    margin: 138px 0;
}

/* .customRange .el-range-editor input.el-range-input {
    width: 100%;
    text-align: left;
    margin-left: 8px;
} */

/* .customRange .el-range-separator,
.customRange .el-range-editor input.el-range-input:not(:first-of-type) {
    display: none !important;
} */
.customRange .el-icon {
    width: 3em;
}

/* .customRange .el-range-editor--large.el-input__wrapper {
    padding: 0;
    width: 100%;
    justify-content: left;
} */



.prevSurveyCard .singleChoice label {
    margin-bottom: 0;
    height: 100%;
    width: 100%;
}

.prevSurveyCard .el-radio-group {
    justify-content: space-between;
}

.prevSurveyCard .el-radio-group .col-lg-6,
.prevSurveyCard .el-checkbox-group .col-lg-6 {
    width: 49%;
}

.prevSurveyCard .el-checkbox-group .row {
    justify-content: space-between;
    margin: 0;
}

.prevSurveyCard .dateInput .el-input--large .el-input__wrapper {
    height: 52px;
    border-radius: 4px;
}

.prevSurveyCard .vue-tel-input {
    height: 53px;
    padding: 16px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
}

.singleQues[dir="rtl"] {
    font-family: 'Cairo', sans-serif;
    margin-bottom: 30px;
}

.singleQues {
    margin-bottom: 32px !important;
}

.el-card {
    border: none !important;
}

.el-card.is-always-shadow {
    box-shadow: none !important;
}

.prevSurveyCard .singleQues[dir="rtl"] .description-label,
.prevSurveyCard .singleQues[dir="rtl"] .labelInput {
    text-align: right;
}

.prevSurveyCard .singleQues[dir="rtl"] .el-radio-group {
    padding-right: 0;
}

.singleQues[dir="rtl"] .el-radio__label,
.singleQues[dir="rtl"] .el-checkbox__label {
    padding-left: unset;
    padding-right: 8px;
}

.prevSurveyCard .table> :not(caption)>*>* {
    padding: 16px;
    border: 1px solid #D8DEE6;
    /* border: 1px solid var(--foundation-blue-blue-50, #F2F4F7); */
}

.prevSurveyCard tr .radioCheckTd:nth-child(2) {
    border-left: 1px solid #D8DEE6 !important;
}

.prevSurveyCard .table thead tr:last-child th {
    border-bottom: var(--bs-border-width) solid #D8DEE6;
}

.prevSurveyCard .card .table tr:first-child th,
.prevSurveyCard .card .table tr:first-child td {
    border-top: 1px solid #D8DEE6;
}

.prevSurveyCard .radioCheckTd {
    border-bottom: 1px solid #D8DEE6 !important;
}

.prevSurveyCard tr .radioCheckTd:last-child {
    border-right: 1px solid #D8DEE6 !important;
}

.hold-container {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: unset;
}

.mainTxt {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.blockDiv {
    text-align: center;
    width: 65%;
    height: 100%;
    padding-top: 100%;
}

.logicIcon {
    margin-bottom: 24px;
}

.subMainTxt {
    color: var(--foundation-blue-blue-700, #5B697C);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.branchLogic {
    position: absolute;
    bottom: 50px;
    left: 20px;
    width: 87%;
    /* border-top: 1px solid; */
}

.hrLine {
    position: absolute;
    bottom: 90px;
    width: 100%;
    left: 0;
}

.branchLogic .el-switch.is-checked .el-switch__core,
.logicItem .el-switch.is-checked .el-switch__core {
    background-color: var(--purple-purple-500, #6200EE);
    border-color: var(--purple-purple-500, #6200EE);
}

.nk-sidebar.logicRightNav {
    top: 77px;
    display: flex;
    justify-content: center;
}

.logicRightNav .blockDiv {
    padding-top: 50%;
}

.fixedDiv {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    background: #fff;
    padding-bottom: 40px;
}

.prevSurveyCard .singleQues[dir="rtl"] .bottomLabel {
    text-align: right;
}

.submitPageBtn svg {
    width: auto;
    height: auto;
    margin-right: 8px;
}

.el-progress-bar__outer {
    height: 8px !important;
}

.popperInfo,
.popperInfo:hover,
.popperInfo:focus {
    border: none !important;
    position: absolute;
    background: transparent !important;
    /* bottom: -45px; */
    width: 20px;
    padding: 0 !important;
    left: -13px;
}

.popperInfoContent.el-popper.is-light {
    background-color: #11002A;
    color: #fff;
    border-radius: 8px;
    word-break: keep-all;
    text-align: left;


}

.el-popper.is-light.popperInfoContent .el-popper__arrow::before {
    background-color: #000;
    border-color: #000;
}

@media (min-width: 1350px) {
    /* .leftSideBar{
        width: 340px;
    }
    .leftSideBar .el-menu.nk-sidebar {
        width: 340px;
    } */
}

@media (max-width: 1600px) {

    .leftSideBarContent .el-menu.nk-sidebar {
        width: 320px;
    }
}

/* .leftSideBarContent .el-menu.nk-sidebar{
    width: 100%;
}
.leftSideBarContent .leftSidbar{
    width: 25%;
} */
.removeImageBtn svg path {
    stroke: red;
}

.preloadingLogic {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    background: rgba(9, 0, 22, 0.50);
    z-index: 9999;
}

.imageLogicCont {
    width: 284px;
    height: 296px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    padding: 30px 51px 41px;
}

.imageLogicCont img {
    width: 182px;
    height: 182px;
}

.preloadText {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    margin-top: 22px;
}

.langGreetingDrop .dropdown-menu.show {
    left: 85% !important;
    transform: translate(0, 95px) !important;
    width: 225px !important;
}

.customTable .tb-odr-item .tb-odr-total,
.customTable .tb-odr-item .tb-odr-total a {
    white-space: break-spaces;
}

@media (min-width: 768px) {
    .tb-odr-amount {
        width: auto;
    }
}

.customTable .tb-odr-head th {
    color: var(--foundation-blue-blue-800, #465160);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.prevSurveyCard .start_page div[dir="rtl"] .question-title {
    text-align: right !important;
    font-weight: 600 !important;
    font-family: 'Cairo', sans-serif
}

.question-title {
    font-size: 18px !important;

}

.statusArrow {
    margin-left: 8px;
    margin-top: 3px;
}

.tdDanger .statusArrow path {
    stroke: #C80A50;
}

.tdDraft .statusArrow path {
    stroke: #797979;
}

.tdSuccess .statusArrow path {
    stroke: #00C969;
}

.tdWarning .statusArrow path {
    stroke: #4285F4;
}

.dateRange .form-control-wrap {
    padding: 10px 16px;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--Outline, #EFEFF5);
    min-height: 53px;
}

.dateRange .el-range-editor--large .el-range-input {
    height: 100%;
}

.tb-odr-head th {
    letter-spacing: 0;
}

.sectionEditBtn {
    top: 0;
}

.arrowIconDrop {
    width: 30px;
    max-width: unset;
    margin-left: auto;
    transition: all 0.35s ease-in-out;
}

.arrowIconDrop path {
    stroke: #363E49;
}

.iconTypeRight {
    width: 100%;
    margin-bottom: 24px;
}

.iconTypeRight .el-button,
.iconTypeRight .el-button:focus,
.iconTypeRight .el-button:hover {
    background-color: transparent;
    color: var(--foundation-blue-blue-900, #363E49);
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-50, #F2F4F7);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 13px 16px;
    height: 47px;
    width: 100%;
}

.iconTypeRight .el-button span {
    width: 100%;
}

.styledIcon {
    padding: 8px;
    border-radius: 50%;
    color: #8094AE;
    border: 1px solid #8094AE;
}

.selectedIcon {
    color: #6200EE;
    background-color: var(--purple-8, #F3EBFE);
    border: unset;
}

.overFlowBtn {
    padding: 10px 20px;
}

.addMoreBtn {
    position: relative;
    top: 0;
}

.iconTypeRight .el-button[aria-expanded="true"] .arrowIconDrop {
    transform: rotate(-180deg);
}

.el-icon--right.arrowIconDrop {
    margin-left: auto;
}

.rightForm .el-select .el-input .el-select__caret {
    color: var(--foundation-blue-blue-900, #363E49);
}

.selectIconMenu.el-dropdown__popper {
    inset: 325px auto auto 1474px !important;
    width: 233px !important;
    border-radius: 8px;
}

.selectIconMenu .el-dropdown-menu {
    padding: 13px 16px;
}

.selectIconMenu .el-popper__arrow {
    display: none;
}

.styledIcon {
    margin-top: 8px;
    cursor: pointer;
}

.slsectedDropDown {
    margin-right: 8px;
    margin-top: 0;
}

.customTable.table th {
    background-color: rgba(243, 235, 254, 0.50);
}

.el-picker-panel__content .el-date-table td.end-date .el-date-table-cell__text,
.el-picker-panel__content .el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--purple-purple-500);
}

.el-picker-panel__content .el-date-table td.available:hover {
    color: var(--purple-purple-500);
}

.el-picker-panel__content .el-date-table td.in-range .el-date-table-cell {
    background-color: rgba(243, 235, 254, 0.50);
}

.el-picker-panel__content .el-date-table td.today .el-date-table-cell__text {
    color: var(--purple-purple-500);
}

.el-picker-panel__content .el-picker-panel__icon-btn:hover {
    color: var(--purple-purple-500);
}

.styledIcon.active {
    color: #6200ee;
    background-color: var(--purple-8, #f3ebfe);
    border-color: transparent;
    border-width: 3px;
}

.btnActive,
.btnActive.btn:hover,
.btnActive.btn:first-child:active,
.btnActive.btn:focus-visible {
    padding: 6px 16px;
    border-radius: 56px;
    color: #00C969;
    background-color: #00c9691a;
    margin-left: 10px;
    border: 1px solid rgba(121, 121, 121, 0.10);
    font-size: 12px;
    font-weight: 400;
}

.btnClosed,
.btnClosed.btn:hover,
.btnClosed.btn:first-child:active,
.btnClosed.btn:focus-visible {
    padding: 6px 16px;
    border-radius: 56px;
    color: #C80A50;
    background-color: #c80a501a;
    margin-left: 10px;
    border: 1px solid rgba(121, 121, 121, 0.10);
    font-size: 12px;
    font-weight: 400;
}

.publishTxt {
    color: var(--foundation-purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

.publishLink {
    color: var(--foundation-blue-blue-400, #99A9BE);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 8px;
}

.publishModal.el-dialog--center .el-dialog__body {
    padding: 0;
}

.noMarginRight {
    margin-right: 0;
}

.publish-btn.btn:hover,
.publish-btn.dual-listbox .dual-listbox__button:hover,
.publish-btn,
.publish-btn.btn-light:focus {
    padding: 14px 24px;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    height: 34px;
    min-width: 108px;
    justify-content: center;
    color: var(--foundation-blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.shareContent {
    border-bottom: 1px solid #F2F4F7;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.shareContent:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: unset;
}

.footerShareTxt {
    margin-bottom: 24px;
    color: var(--foundation-blue-blue-400, #99A9BE);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.shareFooterIcon {
    cursor: pointer;
}

.nk-sidebar.logicRightNav {
    z-index: 10;
}

.btnPublish.btn-primary:focus {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
}

.blackFooter {
    background: var(--foundation-purple-purple-900, #11002A);
    padding: 16px 64px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 100;
}

.noPaddingL {
    padding-left: 0;
}

.noPaddingR {
    padding-right: 0;
}

.blackFooter .copyRight {
    color: #D2D2D2;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.205px;
    opacity: 0.5;
}

.socialFooterIcon:not(:last-child) {
    margin-right: 16px;
}

.noSideMenu .centerNav .nk-menu-main>li:nth-child(3)>.nk-menu-link.active:before {
    left: 40px;
}

.responsesCard {
    margin: 110px 100px;
    padding: 32px;
    border-radius: 16px;
    border: 0px solid var(--Foundation-Blue-blue-50, #F2F4F7);
    background: #FFF;
}

.responsesTitle {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 32px;
}

.resultCol {
    padding: 24px 32px;
}

.resultSvg {
    width: 62px;
    height: 62px;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

.resultCol:not(:last-child) .media {
    border-right: 1px solid var(--Foundation-Grey-grey-100, #DCDCDC);
}

.resultsRow {
    box-shadow: 0px 4px 4px 0px rgba(190, 190, 190, 0.05);
    background: #FBFBFF;
    border-radius: 16px;
    margin-bottom: 32px;
    margin-left: 0;
    margin-right: 0;
}

.resTitle {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 8px;
}

.resCount {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

.resultCol:last-child .flexCenter {
    justify-content: end;
}

.customTabs {
    padding: 8px;
    border-radius: 8px;
    background: #FBFBFF;
    position: relative;
    margin: 0 0 32px 0;
}

.customTabs.nav .nav-link {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 16px 24px;
}

.customTabs.nav-pills .nav-link.active {
    border-radius: 6px;
    background: var(--purple-8, #F3EBFE);
    color: var(--Purple-purple-500, #6200EE);
    font-weight: 500;
    display: flex;
    justify-content: center;
    position: relative;
}

.customTabs.nav-pills .nav-link.active::after {
    content: '';
    width: 76px;
    height: 3px;
    border-radius: 2px 2px 0px 0px;
    background: var(--purple-purple-500);
    position: absolute;
    bottom: 0px;
}

.responsesTabContent .tabHeadTitle.header {
    padding: 0;
    align-items: flex-start;
}

.tabHeadTitle h1 {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
}

.tabHeadTitle p {
    color: var(--Foundation-Blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.publishModal.el-dialog {
    width: 43%;
}

.emptyImg {
    margin-top: 140px;
}

.emptyImg svg {
    height: 310px;
}

.emptyRespoTitle {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-top: 32px;
    margin-bottom: 8px;
}

.emptyRespoDesc {
    color: var(--Foundation-Blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.outLineBtn,
.outLineBtn:hover,
.outLineBtn.btn:first-child:active,
.outLineBtn.btnPublish.btn:hover {
    border-radius: 8px;
    border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6);
    margin-right: 16px;
    background-color: transparent;
    color: var(--Foundation-Blue-blue-900, #363E49);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 16px;
}

.outLineBtn svg,
.exportBtn svg {
    margin-left: 16px;
}

.exportBtn,
.exportBtn.btnPublish.btn:hover {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 14px 16px;
}

.responseChart {
    margin-top: 32px;
    padding: 34px 24px;
    border-radius: 20px;
    border: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
}

.chartTitle {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    border-bottom: 1px solid #F2F4F7;
    padding-bottom: 26.64px;
    margin-bottom: 25px;
}

.subChartTitle {
    color: var(--Neutral-Colors-400, #9291A5);
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-bottom: 8px;
}

.searchEmpty {
    margin-top: 32px !important;
    margin-bottom: 8px !important;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    /* font-size: 24px; */
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.p-search-empty {
    color: #8094AE;
    margin-bottom: 50px;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.select-chart-type {
    width: 200px !important;
    top: -40px;
    float: right;
}

.select-chart-type .el-icon {
    width: 24px;
    color: #292D32;
}

.select-chart-type.el-select .el-input .el-select__caret {
    color: #292D32;
}

.select-chart-type .el-icon svg {
    width: 24px;
    height: 24px;
}

.select-chart-type .el-input--large .el-input__wrapper {
    border-radius: 8px;
    border: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
    padding: 12px 16px;
}

.select-chart-type .el-input__inner {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.select-chart-type.el-select .el-input__wrapper.is-focus,
.select-chart-type.el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: unset !important;
}

.chartTable.table thead tr th {
    padding: 24px 32px;
    color: var(--Foundation-Blue-blue-800, #465160);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    background: #FBFBFF;
    border-bottom: 1px solid var(--Foundation-Grey-grey-50, #F4F4F4);
    border-top: unset !important;
}

.chartTable.table tr td {
    padding: 16px 32px;
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-bottom: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
}

.chartTable.table tr td:first-child {
    border-left: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
}

.chartTable.table tr td:last-child {
    border-right: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
}

.individualRespoTab {
    padding: 32.43px 38px;
    border-radius: 20px;
    border: 1px solid var(--Foundation-Grey-grey-50, #F4F4F4);
}

.view-table {
    padding: 0;
}

.individualRespoTab .tabHeadTitle {
    border-bottom: 1px solid #F2F4F7;
    padding-bottom: 25px !important;
    margin-bottom: 25px;
}

.sortBtn {
    position: relative;
    top: 3px;
}

.ratingQuestionResponse .el-progress--line {
    margin-bottom: 24px;
    width: 80%;

}

.ratingQuestionResponse .el-progress-bar__inner {
    height: 22px !important;
    border-radius: 4px !important;
}

.ratingQuestionResponse .el-progress-bar__outer {
    height: 22px !important;
    border-radius: 4px !important;
    background: var(--Foundation-Grey-grey-50, #F4F4F4);
}

.dynamicFilterModal .el-drawer__body {
    overflow-x: hidden !important;
}

.iconCollapse {
    position: absolute;
    left: 315px;
    top: 110px;
    width: 38px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    padding: 8px;
    z-index: 1;
    background-color: #fff;
    cursor: pointer;
    z-index: 2;
}

.innerSidebar .el-menu-item.collapseItem {
    color: var(--Purple-purple-500, #6200EE);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding-left: 0 !important;
    padding-top: 15px;
}

.iti--show-flags,
.iti {
    width: 100% !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: unset !important;
}

.collapsed-menu {
    transform: translate3d(-320px, 0, 0);

}

.rotate-180 {
    transform: rotate(180deg);
}

.expand-menu {
    height: 17px;
    width: 22px;
    margin-top: 130px;
    padding: 0;
    position: absolute;

}

.expand-right-menu {
    height: 17px;
    width: 22px;
    margin-top: 130px;
    padding: 0;
    position: absolute;
    right: 0px;
}

/* .expanded-menu
{
    transform: rotate(0deg);

    margin-left: 300px;
    z-index: 1000;
} */
.collapsed-right-menu {
    transform: translate3d(300px, 0, 0);

}

.expand-menu {
    left: 0;
    top: 15px;
    cursor: pointer;
    right: 265px;
    top: -31px;
    width: 38px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    padding: 8px;
    background-color: #fff;
    cursor: pointer;
}

.rightIconCollapse {
    position: absolute;
    right: 265px;
    top: 110px;
    width: 38px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    padding: 8px;
    z-index: 10000;
    background-color: #fff;
    cursor: pointer;
}

.expand-right-menu {
    right: 0;
    top: -31px;
    width: 38px !important;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    padding: 8px;
    background-color: #fff;
    cursor: pointer;
}

.float-right {
    float: right !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.fileUploaded {
    width: 19%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 45px 24px;
    border-radius: 5px;
    border: 1px solid #DEE5ED;
    position: relative;
    margin-right: 10px;
}

.fileUploaded:hover {
    background: rgba(0, 0, 0, 0.30);
}

.fileUploaded .file-upload-icon {
    width: 32px;
    height: 32px;
}

.fileUploaded .fileTxt {
    color: var(--Neutral-Nero, #232323);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.uploadIconImage {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.removeUploadFile {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.removeUploadFile path {
    stroke: #fff;
}

.responseUpload.matrixQues.uploadImage .el-upload.el-upload--text .el-upload-dragger {
    background: rgba(98, 0, 238, 0.05);
    border: 1px dashed var(--Purple-purple-500, #6200EE);
}

.uploadIconTable svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.uploadFileTxt {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.moreUploadTxt {
    margin-left: 8px;
}

.customCheckbox.form-group label:before {
    padding: 6px;
}

.customCheckbox.form-group input:checked+label:after {
    top: 6px;
    left: 6px;
    width: 5px;
    height: 10px;
}

@media (min-width:1300px) and (max-width:1650px) {

    .col-lg-8 .centerContent,
    .col-lg-10 .centerContent {
        margin-left: 4%;
    }
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.spanSuccess {
    background-color: #4ACC8D;
    color: #fff;
}

.spanSuccess .statusArrow path {
    stroke: #fff;

}

.spanDanger {
    background-color: #C80A50;
    color: #fff;
}

.spanDanger .statusArrow path {
    stroke: #fff;

}

.spanDraft {
    background-color: #8F8F8F;
    color: #fff;
}

.spanDraft .statusArrow path {
    stroke: #fff;

}

.spanWarning .statusArrow path {
    stroke: #fff;

}

.surveyTitle .titleInputMatrix {
    max-width: 72px;
    background-color: #F2F4F7;
    outline: unset;
    color: #8094AE;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    width: fit-content;

}

.surveyTitleSpan {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-weight: 500;
    font-size: 16px;

}

.surveyTitleSpan:hover {
    background-color: #F2F4F7;
    color: #8094AE !important;

}

.mr-0 {
    margin-right: 0 !important;
}

.publishLink {
    max-width: 340px;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .publishModal.el-dialog {
        width: 50%;
    }
}

.bg-white {
    background-color: #fff !important;
}

.logicDescription {
    color: var(--Foundation-Grey-grey-800, #4F4F4F);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
}

.qNumber {
    color: var(--Neutral-Colors-400, #9291A5);
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.subChartTitle {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

}

.deleteAlert .swal2-actions {
    justify-content: space-between;
    flex-flow: row-reverse;
    margin-top: 40px;
}

.deleteAlert .swal2-styled.swal2-confirm {
    height: 48px;
    padding: 14px 24px;
    border-radius: 8px;
    background: var(--Error-100, #C80A50) !important;
    width: 180px;
    color: var(--Neutral-white, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
}

.deleteAlert .swal2-styled.swal2-cancel {
    height: 48px;
    padding: 14px 24px;
    border-radius: 8px;
    border: 1px solid var(--Outline, #EFEFF5);
    background: var(--Neutral-white, #FFF);
    width: 180px;
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
}

.deleteAlert .swal2-popup {
    width: 489px;
    padding: 32px;
    border-radius: 16px;
}

.deleteAlert .swal2-icon {
    width: 186.024px;
    height: 137.704px;
    margin-bottom: 40px;
    margin-top: 0;
}

.deleteAlert .swal2-title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.deleteAlert .swal2-html-container {
    margin-top: 0;
    color: var(--Foundation-Grey-grey-700, #666);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.fixedDiv .demo-progress .el-progress-bar__inner,
.demo-progress .el-progress-bar__outer {
    border-radius: unset !important;
}

.el-input-number__decrease,
.el-input-number__increase {
    background: transparent !important;
    border: unset !important;
    height: 30px !important;
}

.matrix-rows-columns .el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 15px;
    padding-right: 25px;
}

.surveyTabs .dropdown-menu.show {
    z-index: 10000;
}

.surveyTabs .card:not(.focusCard) .answerSingle .formConDesc {
    color: var(--Foundation-Purple-purple-900, #11002A);
}

.el-select-dropdown__item.selected {
    color: var(--Purple-purple-500, #6200EE) !important;

}

.leftSidbar .surveyContent .el-menu-item .survey-content-question-title {
    width: 200px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
}


.percentage-value {
    color: #11002A;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 8px;
}

.circular circle {
    stroke: var(--Purple-purple-500, #6200EE) !important;

}

.margin-bottom-64 {
    margin-bottom: 64px !important;
}

.prevSurveyCard .card .table tr th.fixedTh,
.fixedCols tr th.fixedTh,
.fixedCols thead tr th:first-child,
.chartTable.table tr td.fixedTh {
    position: sticky;
    left: -1px;
    background: linear-gradient(90deg, #fff 0%, #fff calc(100% - .05em), #D8DEE6 calc(100% - .05em), #D8DEE6 100%) !important;
    z-index: 2;
}

.prevSurveyCard .noPaddingTable,
.responseChart .noPaddingTable {
    padding: 0;
}

.chartTable.table tr .radioCheckTd:nth-child(2) {
    border-left: unset !important;
}

.chartTable.table tr td.fixedTh {
    border-left: unset;
}

.chartTable.table tr .radioCheckTd:last-child {
    border-right: unset !important;
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--Purple-purple-500, #6200EE) !important;
}

.background-transparent {
    background: white !important;
    left: -20px !important;
}

.Vue-Toastification__toast--success {
    background-color: #4ACC8D !important;
}

div.tab-pane[dir="rtl"] .question-title {
    text-align: right !important;
}

.dashboardDate {
    padding-bottom: 10px !important;
    padding-top: 16px !important;
}

.dashboardDate .el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    width: 100%;
}

.dashboardDate .el-input__wrapper {
    padding: 0;
}

.addDescQue {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.mainRow .wrapperPie {
    display: flex;
    justify-content: center;
}

.mainRow .pie-wrap {
    left: auto;
}

.configCard .newDateTimeConf .el-select__wrapper {
    height: 56px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--foundation-blue-blue-100, #D8DEE6);
    width: 100%;
    box-shadow: unset;
}

.configCard .newDateTimeConf .el-select__suffix,
.configCard .newDateTimeConf .el-select__prefix {
    display: none;
}

/* .mainRow .col-lg-10 .pie-wrap, .mainRow .col-lg-12 .pie-wrap{
    left: 25%;
} */
@media (max-width: 1580px) {

    .forgetPassword .nk-auth-body,
    .forgetPassword .nk-auth-footer {
        max-width: 80%;
    }

    .numbersCard .card-inner {
        padding: 24px 10px;
    }

    .numbersCard .subtitle {
        font-size: 13px;
    }

    /* .mainRow .pie-wrap{
        left: 15%!important;
        top: 15%;
    } */
}

@media (max-width: 1580px) {
    .mainRow .pie-wrap {
        top: 10%;
    }
}

.dragAnswer {
    cursor: grab !important;
}

.publishAlert .swal2-actions {
    justify-content: space-between;
    flex-flow: row-reverse;
    margin-top: 40px;
}

.publishAlert .swal2-styled.swal2-confirm {
    height: 48px;
    padding: 14px 24px;
    border-radius: 8px;
    background: #EBB240;
    width: 180px;
    color: var(--Neutral-white, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
}

.publishAlert .swal2-styled.swal2-cancel {
    height: 48px;
    padding: 14px 24px;
    border-radius: 8px;
    border: 1px solid var(--Outline, #EFEFF5);
    background: var(--Neutral-white, #FFF);
    width: 180px;
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
}

.publishAlert .swal2-popup {
    width: 489px;
    padding: 32px;
    border-radius: 16px;
}

.publishAlert .swal2-icon {
    width: 186.024px;
    height: 137.704px;
    margin-bottom: 40px;
    margin-top: 0;
}

.publishAlert .swal2-title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.publishAlert .swal2-html-container {
    margin-top: 0;
    color: var(--Foundation-Grey-grey-700, #666);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.reset-filter {
    color: var(--Purple-purple-500, #6200EE);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
}

.pdf-nps {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.selectChartTYpe.select-chart-type {
    top: 0;
}

.resetFilterBtn {
    border-radius: 8px;
    /* border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6); */
    margin-right: 16px;
    background-color: transparent;
    color: var(--Purple-purple-500, #6200EE);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* padding: 14px 16px */
}

.selectChartTYpe .el-select__wrapper {
    border-radius: 8px;
    border: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
}

.selectChartTYpe.el-select--large .el-select__wrapper {
    padding: 12px 16px;
}

.userGuidePoppover.el-popover.el-popper {
    padding: 32px 24px 24px;
    border-radius: 16px;
}

.userGuidePoppover .el-popover__title {
    color: var(--Black-black-900, #08150D);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 8px;
}

.editTitleInput {
    border-radius: 8px;
    border: 1px solid var(--Outline, #EFEFF5);
    color: var(--Foundation-Blue-blue-500, #8094AE);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    width: 100%;
    padding: 16px;
    height: 53px;
    margin-bottom: 16px;
}

.editTitleInput:focus-visible {
    outline: unset;
}

.updateEditTitle,
.updateEditTitle:hover,
.updateEditTitle:focus,
.updateEditTitle:focus-visible {
    width: 140px;
    height: 48px;
    padding: 14px 24px;
    border-radius: 8px;
    background: var(--Purple-purple-500, #6200EE);
    color: var(--Neutral-white, #FFF);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid var(--Purple-purple-500, #6200EE);
    box-shadow: unset;
    outline: unset;
}

#tg-dialog-next-btn {
    background: var(--Purple-purple-500, #6200EE) !important;
    color: var(--Neutral-white, #FFF) !important;
    flex-grow: 1;
    padding: 14px 24px;
    border-radius: 8px;
    background: var(--Purple-purple-500, #6200EE);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;


}

.tg-dialog-header #tg-dialog-close-btn,
.tg-dialog-footer-sup {
    display: none !important;
}

.tg-dialog-footer {
    display: flex;
    justify-content: start;
    gap: 8px;
}

#tg-dialog-prev-btn {
    color: var(--Purple-purple-500, #6200EE) !important;
    background-color: var(--Neutral-white, #FFF) !important;
    flex-grow: 1;
    border-radius: 8px;
    border: 1px solid var(--Outline, #EFEFF5);
    padding: 14px 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;

}

.SkipBtn {
    color: var(--Purple-purple-500, #6200EE) !important;
    cursor: pointer;
    flex-grow: 2;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.lightHeader.overlayed {
    mix-blend-mode: overlay;
    mix-blend-mode: color-burn;

}

.tg-dialog-title {
    color: var(--Purple-purple-500, #6200EE);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.tg-dialog-body {
    color: var(--Black-black-900, #08150D) !important;
    /* Body 1/Medium */
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.errorInput::placeholder {
    color: rgb(232, 83, 71)
}

.errorInput {
    color: rgb(232, 83, 71)
}

.nps-stats {
    border: 1px solid #F4F4F4;
    border-radius: 20px;
    padding: 16px;
}

.nps-stats .nps-stats-table {
    border-right: 1px solid #F4F4F4;
}

.nps-stats thead th {
    border: 1px solid #F4F4F4;
    font-weight: 400;
    font-size: 14px;
    color: #A5A5A5;
    text-align: center;
    border-top: unset;
    border-bottom-color: #F4F4F4 !important;
    padding: 16px;
}

.nps-stats thead th:first-child {
    border-left: unset
}

.nps-stats thead th:last-child {
    border-right: unset
}

.nps-stats .detractors-stats {
    background-color: #C80A50;
    width: 20px;
    height: 11px;
    border-radius: 4px;
    margin-top: 7px;
}

.nps-stats .passives-stats {
    background-color: #ECBE5E;
    width: 20px;
    height: 11px;
    border-radius: 4px;
    margin-top: 7px;

}

.nps-stats .promoters-stats {
    background-color: #35945A;
    width: 20px;
    height: 11px;
    border-radius: 4px;
    margin-top: 7px;

}

.nps-stats tbody td {
    color: #11002A;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #F4F4F4;
    padding: 16px;
    padding-right: 0px;
    padding-left: 22px;
}

.nps-stats tbody td:first-child {
    border-left: unset
}

.nps-stats tbody td:last-child {
    border-right: unset
}

.nps-stats .nps-stats-calc {
    padding-top: 34px;
    padding-left: 42px;
}

.nps-stats .nps-stats-calc .header {
    color: #11002A;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    padding-left: 16px;
}

.nps-stats .nps-stats-calc .details-container {
    margin-top: 51px;
}

.nps-stats .nps-stats-calc .details-container .details-header .head {
    color: #11002A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.nps-stats .nps-stats-calc .details-container .details-header .footer {
    color: #11002A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}

.nps-stats .nps-stats-calc .details-container .nps-percent {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 10px;
    background: #EFE6FD;
    color: #6200EE;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.nps-stats .nps-stats-calc .details-container .nps-percent .nps-text {
    color: #11002A;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.pl-5 {
    padding-left: 2.75rem !important;
}

.apexcharts-toolbar {
    display: none !important;
}

.custom-tooltip-header {
    background-color: #e0e0e0;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.custom-tooltip-body {
    background-color: #fff;
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.custom-tooltip-icon {
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

.custom-tooltip-text {
    margin-left: 8px
}

.mr-48 {
    margin-right: 48% !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.setup-shimmer {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: -150px;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 10%;
    margin-right: 10%;
}

.mt-250-reverse {
    margin-top: -250px;
}

.add-logo-button {
    opacity: 0;
    position: absolute;
    width: 100px;
    height: 50px;
}

.add-logo-button:hover {
    cursor: pointer !important;
}

.add-cover-button {
    opacity: 0;
    margin-top: -24px;
    margin-left: 86px;
    width: 220px;
}

.sub-menu-active {
    color: #6200EE !important;
    background-color: rgba(243, 235, 254, 1) !important;
    border-radius: 8px;
    width: 100%;
    height: 80%;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.add-welcome-message-button {
    opacity: 1;
    margin-top: 0px;
    margin-left: 0px;
    width: 220px;
}

.rounded-image {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.welcome-form-content {
    padding: 56px;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.avatar-uploader {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.welMsgBtn {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width:1730px) and (max-width:1920px) {
    .noSideMenu .nk-content-body>.nk-block-head-sm:first-child {
        padding-bottom: 120px;
    }
}

.addAnotherLink {
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    text-align: left;
    color: rgba(54, 62, 73, 1);
    margin: 0;
    padding: 0;
}

.w-auto {
    width: auto !important;
}

.welcome-greeting,
.end-page {
    /* width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.greetingPage[dir="rtl"] {
    font-family: 'Cairo', sans-serif
}

.editGreetingIcon,
.editEndingIcon {
    position: absolute;
    right: -75px;
}

.editEndingIcon {
    right: 75px;

}

.minusBtn {
    position: absolute;
    right: -6%;
    top: 3px;
    cursor: pointer;
}

.greetingPage[dir="rtl"] .minusBtn {
    right: 103%;
}

.greetingPage[dir="rtl"] .editEndingIcon {
    left: 75px;
    right: 0;

}

.greetingPage[dir="rtl"] .editGreetingIcon {
    left: -75px;
    right: 0;

}

.el-overlay {
    z-index: 99999 !important;
}

.el-popper {
    z-index: 999999 !important;
}

.singleChoice .el-radio-group {
    display: block !important;
}

.tourGuideOverLay {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    background: rgba(9, 0, 22, 0.1);
    z-index: 9999;
}

.arabicFont {
    font-family: 'Cairo', sans-serif !important
}

.socialMediaLink:hover path {
    fill: #6200EE !important
}

@media (max-width: 1600px) {

    .el-menu.nk-sidebar,
    .overFlowBtn {
        width: 320px;
    }

    .paddingRL-74 {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 20px;
    }

    .titlePrev {
        padding-top: 70px;
    }

    .survey-submit-footer {
        justify-content: center !important;
    }

    .prevSurveyCard .el-card__body {
        padding: 8px 10px 15px !important;
        margin-bottom: 180px !important;
    }

    .autoScroll {
        overflow-x: auto
    }

    .imageSelectionImg {
        height: 270px !important;
    }

    .dateInputDiv .customElForm .el-select {
        width: 100% !important;
    }

    .surveyPreTitle {
        display: none;
    }

    .surveyPreTitleMobile {
        color: #FFF;
        font-size: 20px;
        font-weight: 600;
        line-height: 150%;
        display: block !important;
    }

    .startSurveyCard.el-card {
        margin-top: -190px !important;
    }

    .langGreetingDrop .dropdown-menu.show {
        left: unset !important;
        transform: translate(0, 95px) !important;
        width: max-content !important;
    }
}

.postion-absolute {
    position: absolute !important
}

.background-transparent {
    background-color: transparent !important
}

.protal-top-bar {
    z-index: 100
}

.protal-top-bar .el-menu-item:hover {
    background-color: transparent !important;
}

.protal-top-bar .el-sub-menu {
    border: none !important;
}

.protal-top-bar .el-sub-menu:hover {
    background-color: transparent !important;
}

.protal-top-bar .el-sub-menu .el-sub-menu__title {
    /* color: white !important; */
}

.protal-top-bar .el-sub-menu .el-sub-menu__title:hover {
    background-color: transparent !important;
}

.protal-top-bar .el-menu-item.is-active {
    background-color: transparent !important;
    border: none !important;
}

.protal-top-bar .el-menu--horizontal>.el-menu-item {
    border: none !important;
}

.protal-top-bar .el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
    border: none !important;
}

.backgrounnd-initial:hover {
    background-color: initial !important
}

.pl-132 {
    padding-left: 132px !important
}

.pr-132 {
    padding-right: 132px !important
}

.pt-163 {
    padding-top: 163px !important
}

.getStarted {
    display: flex;
    padding: 24px 80px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: none;
    margin-top: 40px;
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.generatedByAi {
    margin-top: 200px;

}

.top-get-started {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--Blue-blue-300, #54E8E0);
    border: none;
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.home-more-detalis .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 76px;
    font-weight: bold;
    line-height: 83px;
}

.home-more-detalis .desc {
    color: var(--Foundation-Blue-blue-700, #5B697C);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;

}

.home-more-detalis .try-this-out {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    padding: 24px 80px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--Purple-purple-500, #6200EE);
    border: none;
}

.fourth-part .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 83px;
    word-wrap: break-word;
    /* max-width: 30ch; */
}

.fourth-part .desc {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    word-wrap: break-word;
    max-width: 31ch;
}

.portal-home-nps-title {
    color: var(--Foundation-Blue-blue-900, #363E49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.fourth-part .footer {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 83px;
    margin-top: 116px;
    margin-bottom: 100px;
}

.portal-carousel .el-carousel__indicators.el-carousel__indicators--horizontal {
    display: none;
}

.portal-carousel .el-carousel__container {
    height: 965px !important;
}

.portal-carousel .el-carousel__arrow {
    top: 60% !important;
    background-color: white !important;
    color: #11002A !important;
    width: 50px !important;
    height: 50px !important;
}

.portal-carousel .el-carousel__arrow--right {
    left: 4% !important;
}

.portal-carousel .el-carousel__arrow--left {
    left: 0% !important;
}

.portal-carousel .header {
    color: #FFF;
    font-size: 90px;
    font-style: normal;
    font-weight: 900;
    line-height: 120px;

}

.portal-carousel .desc {
    color: #FFF;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
}

.pt-100 {
    padding-top: 100px;
}

.home-sixth .try-this-out {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    padding: 24px 80px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--Purple-purple-500, #6200EE);
    border: none;
    width: 250px;
}

.ticker-reverse {
    display: flex;
    overflow: hidden;

    img {
        flex: 0 0 auto;
        padding: 0 25px;
        color: #000;
        font-size: 100px;
        line-height: 108px;
        white-space: nowrap;


        &:nth-child(odd) {
            animation: loop3 40s linear infinite;
        }

        &:nth-child(even) {
            animation: loop4 40s -20s linear infinite;
        }
    }
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }

}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

@keyframes loop3 {
    0% {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }

}

@keyframes loop4 {
    0% {
        transform: translateX(-200%);
    }

    to {
        transform: translateX(0%);
    }
}

.seventh .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
}

.seventh .desc {
    color: var(--Foundation-Blue-blue-700, #5B697C);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.swing {
    animation: sw 6s infinite;
    animation-duration: 4s;
}

@keyframes sw {
    0% {
        top: 200px;
        transform: rotate(0deg);
    }

    25% {
        top: 201px;
        transform: rotate(1deg);
    }

    50% {
        top: 202px;
        transform: rotate(3deg);
    }

    75% {
        top: 201px;
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0deg);
        top: 200px;

    }
}

.ticker-container {
    width: 100%;
    overflow: hidden;
}

.ticker {
    display: flex;
    white-space: nowrap;
    width: max-content;
}


.integrate-with {
    border-radius: 16px;
    border: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
    background: #FFF;
    gap: 16px;
    padding: 32px 0;
    border: 2px black solid;
    margin-left: 24px;
    border-radius: 16px;
    border: 1px solid var(--Foundation-Blue-blue-50, #F2F4F7);
    background: #FFF;
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    width: 220px;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.home-part .header {
    color: #FFF;
    font-size: 90px;
    font-style: normal;
    font-weight: 900;
    line-height: 128px;
    /* 106.667% */

}

.changing-word {
    display: inline-block;
    animation: scrollAnimation 2s infinite linear;
    animation-delay: 1s;
}

.changeword-parent::-webkit-scrollbar {
    display: none !important;
}

@keyframes scrollAnimation {
    0% {
        transform: translateY(0);
        visibility: visible;

    }

    20% {
        transform: translateY(-100%);
        visibility: hidden;
    }

    40% {
        transform: translateY(100%);
        visibility: hidden;
    }

    60% {
        transform: translateY(0);
        visibility: visible;
    }

    80% {
        transform: translateY(0);
        visibility: visible;
    }

    100% {}

}

.third .key-features {
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 83px;
}

.third .key-features-desc {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    word-wrap: break-word;
    max-width: 42ch;
}

.third .description {

    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    margin-left: 38px;

}


.break-word-10 {
    word-wrap: break-word;
    /* max-width: 10ch; */
}

.portal-pie .pie-wrap {
    left: 64%;
    top: 1%;
}

.home-more-detalis .rating-icon {
    right: 45%;
    top: 0;
    z-index: 10;

}

.home-more-detalis .nps-icon {
    position: absolute;
    transform: translate3d(-233px, 0, 0);
    animation: npsMoveBack .4s linear forwards;
    top: 190px;
    /* changed */
}

.home-more-detalis .nps-icon.animation {
    animation: npsMove .4s linear forwards;
    /* changed */
}

@keyframes npsMove {
    0% {
        transform: translate3d(-233px, 0, 0);
    }

    100% {
        transform: translate3d(40px, 0, 0);
    }
}

@keyframes npsMoveBack {
    0% {
        transform: translate3d(40px, 0, 0);
    }

    100% {
        transform: translate3d(-233px, 0, 0);
    }
}

.home-more-detalis .text-icon {
    position: absolute;
    top: 338px;
    transform: translate3d(-233px, 0, 0);
    animation: textMoveBack .4s linear forwards;
    /* changed */
}

.home-more-detalis .text-icon.animation {
    animation: textMove .4s linear forwards;
    /* changed */
}


@keyframes textMove {
    0% {
        transform: translate3d(-233px, 0, 0);
    }

    100% {
        transform: translate3d(20px, 0, 0);
    }
}

@keyframes textMoveBack {
    0% {
        transform: translate3d(20px, 0, 0);
    }

    100% {
        transform: translate3d(-233px, 0, 0);
    }
}

.border-radius-16 {
    border-radius: 16px;
}

.home-part .desc {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
}

.home-part {
    background-image: url('../images/protal-assets/homeBackground.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.eighth .header {
    color: var(--Blue-blue-500, #00DDD0);
    font-size: 104px;
    font-style: normal;
    font-weight: 900;
    line-height: 90px;
}

.eighth .text-white {
    font-size: 70px;
}

.eighth .desc {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.text-white {
    color: #FFF !important;
}

.h-inherit {
    height: inherit !important;
}

.mt-250 {
    margin-top: 250px !important;
}

.freeTrial-form {
    display: inline-flex;
    padding: 62px 63px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    background: var(--Foundation-Purple-purple-800, #170037);
    height: 232px;

}

.freeTrial-form label {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;

    /* 180% */
}

.freeTrial-form input,
.freeTrial-form input:focus {
    display: flex;
    width: 637px;
    padding: 16px 32px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    border: none;
    color: #fff;
}

.freeTrial-form .submit-btn {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    padding: 24px 80px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--Purple-purple-500, #6200EE);
    height: 60px;
    width: 24px;
    box-shadow: none;
    border: none;
}

.features-first-container .header {
    font-size: 75px;
    font-style: normal;
    font-weight: 900;
    line-height: 83px;
    background: var(--Linear, linear-gradient(81deg, #00DDD0 10.74%, #6100DD 108.1%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.features-first-container .header-first-part {
    font-size: 75px;
    line-height: 89px;
    font-style: normal;
    font-weight: 900;
}

.features-first-container .desc {
    color: var(--Foundation-Blue-blue-100, #D8DEE6);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 32px;
    word-wrap: break-word;
    max-width: 41ch;
}

.features-second-container .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 81px;
    margin-bottom: 110px;
    margin-top: 110px;
}

.features-second-container .slide {
    display: flex;
    width: 1508px;
    height: 675px;
    padding: 64px 36px 64px 96px;
    align-items: center;
    gap: 36px;
    border-radius: 48px;
    background: linear-gradient(81deg, rgba(0, 221, 208, 0.06) 10.74%, rgba(97, 0, 221, 0.06) 108.1%), #FFF;
    margin-right: 64px;
}

.features-second-container .slide .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 56px;
    line-height: 65px;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
}

.features-second-container .slide .desc {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 56px;
}

.pb-100 {
    padding-bottom: 100px !important;
}


.carousel__prev {
    border-radius: 100px !important;
    background: #FFF !important;
    padding: 26px !important;
}

.carousel__next {
    border-radius: 100px !important;
    background: #FFF !important;
    padding: 26px !important;
}

.features-second-container .carousel__next {
    top: -89px !important;
    right: 10%;
    border: 1px solid var(--Foundation-Purple-purple-900, #11002A) !important;
}

.features-second-container .carousel__prev {
    top: -89px;
    left: 76%;
    border: 1px solid var(--Foundation-Purple-purple-900, #11002A) !important;
}

.portal-carousel .carousel__prev {
    top: 67%;
}

.portal-carousel .carousel__next {
    top: 67%;
    left: 105px;
}

.features-third-container .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
}

.features-third-container .content .card {
    /* border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6); */
    background: var(--ffffff, #FFF);
}

.features-third-container .content .card .card-body {
    border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6);
    border-radius: 32px;


}

.pl-64 {
    padding-left: 64px !important;
}

.pr-64 {
    padding-right: 64px !important;
}

.features-third-container .content .card .desc .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
}

.gap-16 {
    gap: 16px !important;
}

.features-third-container .content .card .desc .description {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 65px;
}

.features-fifth-container .header {
    color: #FFF;
    font-size: 52px !important;
    font-style: normal;
    font-weight: 900;
    line-height: 57px;
    /* 94.318% */
}

.features-fifth-container .desc {
    color: #FFF;

    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    display: flex;
    /* align-items: center; */

}

.features-sixth-container .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 57px;
    margin-bottom: 45px;
}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start {
    padding: 0;
    border-radius: 16px;
}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items {
    display: flex;
    width: 516px;
    height: 235px;
    padding: 40px 0px 40px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background-image: url('../images/protal-assets/FeatureMenuBG.svg');
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    overflow: hidden;


}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items li,
.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items li:hover {
    background: unset !important;

}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items li:hover {
    color: var(--Purple-purple-500, #6200EE) !important;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items.general {
    background-image: url('../images/protal-assets/generalMenuBG.svg');
}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items.questions-types {
    background-image: url('../images/protal-assets/questionTypeMenuBG.svg');
}

.el-menu--horizontal:first-child .el-menu--popup-bottom-start .features-menu-items.surveys-responses {
    background-image: url('../images/protal-assets/surveyResponsesMenuBG.svg');
}

.features-fourth-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.features-fourth-container .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    margin-top: 270px;
    max-width: 70%;
    line-height: 70px;

}

.features-fourth-container .desc {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    max-width: 65%;

}

.features-sixth-container .slide {
    display: flex;
    width: 595px;
    padding: 64px 48px 64px 56px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex-shrink: 0;
    border-radius: 40px;
    border: 1px solid var(--Foundation-Purple-purple-50, #EAE6F0);
    background: #FFF;
}

.features-sixth-container .slide .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
}

.features-sixth-container .slide .desc {
    color: var(--Foundation-Blue-blue-900, #363E49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    /* 165% */
}

.features-sixth-container .carousel__prev {
    top: -17% !important;
    left: 88%;
    border: 1px solid var(--Foundation-Purple-purple-900, #11002A) !important;

}

.features-sixth-container .carousel__next {
    top: -17% !important;
    border: 1px solid var(--Foundation-Purple-purple-900, #11002A) !important;

}

.AboutUs-first-container {
    background-image: url('../images/protal-assets/aboutUsBG.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 248px;

}

.AboutUs-first-container .header,
.pricing .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-size: 88px;
    font-style: normal;
    font-weight: 900;
    line-height: 122px;
    /* 92.857% */

}

.AboutUs-first-container .desc,
.pricing .desc {
    color: var(--Foundation-Blue-blue-900, #363E49);
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin-top: 16px;
}

.AboutUs-first-container .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 80px;
    font-style: normal;
    line-height: 83px;
    font-weight: 900;
}

.AboutUs-first-container .description {
    color: var(--Foundation-Grey-grey-700, #666);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 16px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
}

.p-24-80 {
    padding: 24px 80px;
}

.font-16 {
    font-size: 16px !important;
}

.font-style-normal {
    font-style: normal !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.about-us-second-container {
    background-color: #11002A;
}

.about-us-second-container .title {
    color: var(--ffffff, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
}

.our-mission {
    color: var(--Blue-blue-500, #00DDD0);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.about-us-second-container .font-40 {
    font-size: 40px !important;
}

.about-us-third-container .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    align-self: stretch;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 66px;
    /* 103.75% */
}

.about-us-fouth-container {
    background-image: url('../images/protal-assets/ourClientsBG.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us-fouth-container .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
}

.about-us-fouth-container .desc {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.Testimonials-slides .slide-title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
}

.Testimonials-slides .slide-desc {
    color: var(--Foundation-Blue-blue-900, #363E49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

.Testimonials-slides .carousel__prev,
.Testimonials-slides .carousel__next {
    border: 1px solid var(--Foundation-Purple-purple-900, #11002A) !important;
    top: 100% !important;
}

.Testimonials-slides .carousel__prev {
    left: 46% !important;
}

.Testimonials-slides .carousel__next {
    left: 52% !important;
}

.about-us-fifth-container {
    background-image: url('../images/protal-assets/aboutus-fifth-container-bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-us-fifth-container .title {
    color: var(--Purple-purple-500, #6200EE);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.about-us-fifth-container .comment {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.about-us-fifth-container {
    padding-bottom: 148px !important;
}

.contact-us-form {
    padding-bottom: 148px !important;
    padding-top: 148px;
    background-image: url('../images/protal-assets/contactUsBg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 1489px;
}

.contact-us-form .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 80px;
}

.contact-us-form .info-container .label {
    color: var(--Foundation-Blue-blue-700, #5B697C);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.contact-us-form .info-container .value {
    color: var(--Foundation-Purple-purple-800, #170037);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
}

.border-radius-32 {
    border-radius: 32px !important;
}

.contact-us-form .the-form {
    display: flex;
    padding: 48px;
    /* flex-direction: column; */
    align-items: center;
    gap: 0px;
}

.contact-us-form .the-form .title {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
}

.contact-us-form .the-form .label {
    color: var(--Foundation-Blue-blue-700, #5B697C);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

.contact-us-form .the-form .sumbit-form {
    display: flex;
    padding: 30px 0px 31px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--Foundation-Purple-purple-50, #EAE6F0);
    background: var(--Purple-purple-500, #6200EE);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;

}

.pricing {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
    background-color: #f6f7f8;
}

.pricing .table-header {
    width: 360px;
    padding: 20px 32px 20px 32px !important;
    vertical-align: middle;

}

.pricing .table-header .title {
    color: #252430;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}

.pricing .table-header .desc {
    color: #858BA0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-top: 12px;

}

.pricing .price-item {
    vertical-align: middle;
    padding: 28px !important;
    width: 304px;


}

.pricing .price-item .price {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pricing .price-item .price .perMonth {
    color: #858BA0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.pricing .price-item:last-child {
    border-right: none;
}

.pricing th:first-child {
    border-left: none !important;
}

.pricing td:last-child {
    border-right: none !important;
}

.pricing tr:last-child td {
    border-bottom: none;
}

.pricing tr:last-child th {
    border-bottom: none;
}

.pricing tbody tr:last-child {
    border-bottom: none;
}

.pricing table {
    border-color: #E6E9F5;
}

.choose-the-plan {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Purple-purple-500, #6200EE);
    color: #E6E9F5;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-top: 28px;
}

.pricing table tbody td {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    padding: 20px 32px 20px 32px !important;

}

.pricing table tbody td .desc {
    color: var(--Foundation-Grey-grey-500, #8F8F8F);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

table.rounded-corners {
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 28px;
    border: 1px solid #E6E9F5;

    overflow: hidden;

}

table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
    border-right: 1px solid #E6E9F5;
}

/* Apply a border to the bottom of all but the last row */
table.rounded-corners>thead>tr:not(:last-child)>th,
table.rounded-corners>thead>tr:not(:last-child)>td,
table.rounded-corners>tbody>tr:not(:last-child)>th,
table.rounded-corners>tbody>tr:not(:last-child)>td,
table.rounded-corners>tfoot>tr:not(:last-child)>th,
table.rounded-corners>tfoot>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>td,
table.rounded-corners>tr:not(:last-child)>th,
table.rounded-corners>thead:not(:last-child),
table.rounded-corners>tbody:not(:last-child),
table.rounded-corners>tfoot:not(:last-child) {
    border-bottom: 1px solid #E6E9F5;
}

.protal-top-bar .el-menu-item,
.protal-top-bar .features-menu .el-sub-menu__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.protal-top-bar .lang-menu .el-sub-menu__title {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    flex-direction: row-reverse;
}

.protal-top-bar .lang-menu .el-sub-menu__icon-arrow {
    right: 0 !important;
    left: 20px !important;
    margin-right: unset;
    margin-left: -29px;
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.features-fourth-container {
    height: 1488px;

}

.features-fifth-container {
    height: 954px
}

@media screen and (max-width: 1500px) {
    .features-first-container .header-first-part {
        font-size: 50px;
    }

    .features-first-container .content {
        left: 132px;
        top: 28%;
    }

    .features-first-container .desc {
        max-width: 40ch;
    }

    .portal-carousel .header {
        font-size: 85px;
    }

    .features-second-container .carousel__next {
        right: 0;

    }

    .features-third-container .content .card .desc .title {
        font-size: 22px;
    }



    .features-fourth-container .desc {
        font-size: 10px;
    }

    .features-fourth-container {
        height: 1000px;
    }

    .features-third-container .header {
        font-size: 50px;
    }

    .features-fourth-container .header {
        margin-top: 139px;
        font-size: 32px;
    }

    .features-fifth-container .header {
        font-size: 50px;
    }

    .features-fifth-container .desc {
        font-size: 16px;
    }

    .features-fifth-container {
        height: 693px;
    }

    .features-sixth-container .slide {
        width: 400px;
    }

    .features-sixth-container .carousel__prev {
        left: 80%
    }

    .features-sixth-container .header {
        font-size: 40px;
    }

    .AboutUs-first-container .title,
    .about-us-third-container .title {
        font-size: 48px;
    }

    .about-us-second-container .title {
        font-size: 42px;
    }

    .Testimonials-slides .carousel__prev {
        left: 32% !important;
    }

    .pr-132 {
        padding-right: 50px !important;
    }

    .pl-132 {
        padding-left: 50px !important;
    }

    .third .description {
        font-size: 24px;
    }

    .dateTimeRow {
        justify-content: space-around !important;
    }

    .configCard .el-date-editor.el-input,
    .configCard .el-input {
        padding: 12px;
    }
}

.features-first-container {
    background-image: url('../images/protal-assets/featuresBg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.features-first-container .content {
    left: 132px;
    top: 28%;

}

.free-trial-form input::placeholder {
    color: rgba(255, 255, 255, 0.30);

}

@media screen and (max-width: 768px) {
    .responsive-card {
        margin-bottom: 50px;
    }

    .responsive-card .col-lg-6 .el-checkbox__label,
    .responsive-card .col-lg-6 .el-radio__label {
        max-width: 111px;
        overflow: hidden;
        word-break: unset;
        text-overflow: ellipsis;
    }

    .responsive-card .col-lg-12 .el-checkbox__label,
    .responsive-card .col-lg-12 .el-radio__label {
        max-width: 298px;
        overflow: hidden;
        word-break: unset;
        text-overflow: ellipsis;
        line-height: 32px;
    }

    .imgLabell-responsive {
        max-width: 298px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fileUploaded {
        width: 46%;
    }

    .fileUploaded .fileTxt {
        max-width: 114px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home-part .header {
        color: #FFF;
        font-size: 45px;
        font-style: normal;
        font-weight: 900;
        line-height: 83px;
    }

    .third .key-features {
        font-size: 60px;

    }


}

.cursor-pointer {
    cursor: pointer !important;
}

.el-picker-panel__sidebar {
    width: 111px !important;
}

.cursor-default {
    cursor: default !important;
}

.is-osr-switch .label {
    color: rgba(132, 132, 132, 1);
    font-weight: 400;
}

.is-osr-switch .label-master {
    font-size: 14px;
    color: rgba(17, 0, 42, 1);
    font-weight: 600;
}

.el-switch.is-checked .el-switch__core {
    border-color: #6200EE !important;
    background-color: #6200EE !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.print-count .el-form-item__content {
    justify-content: center !important;
}

.print-count .el-input-number {
    width: 80%;
    border: 1px solid #D8DEE6;

}

.full-page .el-card__body {
    padding: 0 !important;
}

.print-page .qr-code-image {
    width: 80px;
    z-index: 1000;
}

.print-page .a4-min-height {
    min-height: 1200px;
}

.print-page .el-checkbox__inner {
    width: 16px !important;
    height: 16px !important;
    border-radius: 4px !important;
}

.print-page .el-radio__inner {
    width: 16px !important;
    height: 16px !important;
    border-radius: 100px !important;
}

.print-page .answerSingle {
    border: none !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    height: fit-content !important;
    margin: 0 !important;
}

.print-page .answerSingle .el-tooltip__trigger {
    height: fit-content !important;
}

.print-page .el-checkbox__label,
.print-page .el-radio__label {
    font-size: 12px !important;
    color: #000 !important;
}

.print-page .card-body {
    border: 0.5px solid rgba(212, 212, 212, 1);
    margin-bottom: 12px !important;
    border-radius: 10px;
}

.print-page .surveyTitle {
    font-size: 16px;
    font-weight: 600;
}

.pr-3 {
    padding-right: 1rem !important;
}

.gap-8 {
    gap: 8px;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.changeLanguage svg path {
    stroke: #6200EE !important;
    fill: #6200EE !important;

}

.changeLanguage .label {
    margin-right: .5rem
}

.changeLanguage .value {
    margin-left: .5rem
}

.font-weight-bold {
    font-weight: 600 !important
}

.upload-logo {
    top: 73px;
    left: 38px;
}

.general-preloader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    background: rgba(9, 0, 22, 0.50);
    z-index: 999999;
}

.general-preloader .imageLogicCont img {
    border-radius: 100px !important;
    z-index: 999999;


}

.nk-main {
    padding-bottom: 100px;
}

.change-lang-login {
    margin-right: 40px;
    margin-top: 40px;
    font-size: 16px;
    text-align: end;
}

.w-100 {
    width: 100% !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.danger .el-button:hover {
    color: var(--el-button-hover-text-color);
    border-color: #D30815;
    background-color: rgba(211, 8, 21, .1)
}

.el-tabs__header {
    background-color: transparent !important;
}

.el-tabs__item {
    border: none !important;
    padding-right: 0;
    padding-left: 0;
    margin-left: 20px;
    margin-right: 20px;
}

.el-tabs__header {
    border: none !important;

}

.el-tabs__item.is-active {
    background: var(--purple-8, #F3EBFE) !important;
    color: var(--Purple-purple-500, #6200EE) !important;
    border-radius: 6px !important;

}

.el-tabs__item.is-active::after {
    content: '';
    width: 45px;
    height: 3px;
    border-radius: 2px 2px 0px 0px;
    background: var(--purple-purple-500);
    position: absolute;
    bottom: 0px;

}

.el-tabs__item:hover {
    color: initial !important
}

.el-tabs__item.is-active:hover {
    color: var(--Purple-purple-500, #6200EE) !important;
}

.register-tabs .el-tabs__content {
    overflow: visible;
}

.register-tabs .el-tabs__nav-scroll {
    display: flex;

}

.matrix-row {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-cover {
    background-size: cover !important;
}

.bg-primary-light {
    background-color: #F3EBFE !important
}

.home-sixth .header {
    color: var(--Foundation-Purple-purple-900, #11002A);
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 83px;
    text-align: left;

}

.home-sixth .desc {
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    /* 150% */
}

.gap-44 {
    gap: 44px;
}

.home-sixth .first-part {
    height: 1000px;
    background-image: url('../images/protal-assets/sixth.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.fifth {
    background-image: url('../images/protal-assets/fifth-background.svg');
    ;
}

.home-sixth .first-part .icons,
#quickQuestionTypes .icons,
.home-more-detalis .rating-icon {
    display: flex;
    width: 175px;
    padding: 20.735px;
    flex-direction: column;
    align-items: center;
    gap: 10.367px;
    border-radius: 10.367px;
    background: #FFF;
    box-shadow: 0px 5.184px 36.286px 0px rgba(75, 75, 75, 0.05);

}

.home-sixth .first-part .icons.rating-scale {
    right: 60px;
    top: 100px;
}

.home-sixth .first-part .icons.nps {
    right: -84px;
    top: 255px;
}

.home-sixth .first-part .icons.text-answer {
    right: -40px;
    top: 429px;
}

.home-part .first-man-icon {
    left: 371px;
    top: 153px;

}

.home-part .second-man-icon {
    right: 132px;
    top: 450px
}

.home-part .lang-container {
    text-align: end;
}

.generatedByAi .containter {
    width: 477px;
    height: 118px;
    background-color: #ffffff80;
    border-radius: 16px;
    padding: 24px;
}

.generatedByAi .containter .title {
    color: #11002A;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: start;
}

.generatedByAi .containter .desc {
    color: #11002A;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.generatedByAi {
    margin-top: 135px;
}

.home-part .first-man-icon {
    border: 5px solid rgb(150, 192, 235);
    border-radius: 50%;
    width: 95.65px;
    height: 95.65px;
    background-color: rgb(255, 193, 7)
}

.changeword-parent {
    height: 132px;
    vertical-align: top;
}

.home-part .second-man-icon {
    border: 5px solid #a599ed;
    border-radius: 50%;
    width: 138px;
    height: 138px;
    background-color: #9654f4;
}

.portal-carousel .slide .col-xl-5 {
    text-align: start;
}

.home-more-detalis #quickQuestionTypes {
    height: 563px;
}

#quickQuestionTypes .rating-icon {
    left: 0;
}

.eighth {
    background-image: url('../images/protal-assets/freeTrialBg.svg');
}

#quickQuestionTypes .pie-icon,
#quickQuestionTypes .nps-icon-mob,
#quickQuestionTypes .text-icon-mob,
#quickQuestionTypes .rate-icon-mob {
    display: none !important;
}

.third {
    background-image: url('../images/protal-assets/third.svg');
}

.portal-footer.footer {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 80px;
    width: 100%;
}

.portal-footer .copyright {
    color: var(--Foundation-Purple-purple-900, #11002a);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.205px;
}

.portal-footer .social-media {
    gap: 24px;
}

.mash-clients {
    display: flex;
    justify-content: space-evenly;
    gap: 165px;
    flex-wrap: wrap;
}

#questionsTypesFeature .questionTypes {
    flex-wrap: wrap;
    gap: 15px;
    margin-right: 225px;
    margin-left: 225px;
    margin-top: 120px;

}

#questionsTypesFeature .questionTypes .questionType {
    width: fit-content;
    font-size: 16px;
}

@media (min-width: 340px) and (max-width: 768px) {

    /* start "Abdelrhman" */
    .protal-top-bar {
        margin-top: 20px !important;
    }

    .protal-top-bar img {
        width: 130px;
    }

    .features-first-container .header {
        font-size: 29px;
        line-height: 40px;
        font-weight: 900;
    }

    .features-first-container .header-first-part {
        font-size: 29px;
        line-height: 40px;
        font-weight: 900;
    }

    .pl-132 {
        padding-left: 24px !important;
    }

    .pr-132 {
        padding-right: 24px !important;
    }

    .pt-163 {
        padding-top: 60px !important;
    }

    .features-first-container .desc {
        font-size: 11px;
        font-weight: 400;
        line-height: 16.8px;
        max-width: 100%;
        margin-top: 10px;
    }

    .features-second-container .header {
        font-size: 40px;
        line-height: 40px;
        font-weight: 900;
    }

    .carousel__prev {
        left: 65% !important;
    }

    .carousel__prev,
    .carousel__next {
        padding: 5px !important;
    }

    .features-second-container .carousel__next,
    .features-second-container .carousel__prev {
        top: 20px !important;
    }

    .features-second-container .slide {
        height: auto;
        width: auto;
        flex-direction: column;
        padding: 31px 12px 11px 12px;
        margin-top: 45px;
        border-radius: 8px;
        margin-right: 0px;
    }

    .features-second-container .slide .title {
        font-size: 25px;
    }

    .features-second-container .slide .desc {
        font-size: 11px;
        margin-top: 8px;
    }

    .pb-100 {
        padding-bottom: 10px;
    }

    .features-third-container {
        margin-top: 10px !important;
    }

    .features-third-container .header {
        font-size: 38px;
    }

    .h-50 {
        height: 37% !important;
    }

    .pl-64 {
        padding-left: 24px !important;
    }

    .pr-64 {
        padding-right: 24px !important;
    }

    .pt-4 {
        padding-top: 0.0rem !important;
    }

    .gap-16 {
        gap: 2px !important;
    }

    .background-transparent {
        left: 0px !important;
    }

    .features-fifth-container .header {
        font-size: 21px !important;
        line-height: 27px !important;
    }

    .features-fifth-container .fifth-desc {
        font-size: 11px !important;
    }

    .features-fifth-container {
        height: 890px !important;
        background-image: url('../images/protal-assets/mob-fifth-section-features.svg') !important;
    }

    .features-sixth-container .slide .title {
        font-size: 18px !important;
    }

    .features-sixth-container .slide .desc {
        font-size: 12px !important;
    }

    .features-sixth-container .slide {
        width: 100% !important;
        padding: 25px 14px 25px 38px !important;
        gap: 14px !important;
    }

    .features-sixth-container .carousel__slide {
        /* margin: 8px !important; */
    }

    .features-sixth-container .carousel__prev {
        left: 25% !important;
        top: 113% !important;
    }

    .features-sixth-container .carousel__next {
        top: 113% !important;
        right: 29% !important;
    }

    .pb-6 {
        padding-bottom: 3.75rem !important;
    }

    .features-sixth-container .header {
        font-size: 29px !important;
        line-height: 33px;
    }

    .features-fourth-container .header {
        margin-top: 113px;
        font-size: 19px;
    }

    .AboutUs-first-container .header,
    .pricing .header {
        font-size: 42px !important;
        line-height: 40px !important;
    }

    .AboutUs-first-container {
        padding-top: 85px !important;
    }

    .AboutUs-first-container .desc,
    .pricing .desc {
        font-size: 14px !important;
        line-height: 16.8px !important;
        text-align: center;
    }

    .AboutUs-first-container .firstSection {
        flex-direction: column-reverse;
    }

    .AboutUs-first-container .title,
    .about-us-third-container .title {
        margin-top: 10px !important;
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .AboutUs-first-container .description {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-second-container .pl-5 {
        padding-left: 0px !important;
    }

    .our-mission {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
    }

    .aboutBtn {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        padding: 12px 32px 12px 32px !important;
    }

    .about-us-second-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-second-container .desc {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-third-container {
        flex-direction: column-reverse;
    }

    .about-us-third-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-third-container .desc {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-second-container img {
        width: 100% !important;
    }

    .about-us-second-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-second-container .desc {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-fouth-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-fouth-container .desc {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .mash-clients {
        display: flex;
        justify-content: space-evenly;
        gap: 22px;
        flex-wrap: wrap;
    }

    .mash-clients img {
        width: 94px !important;
    }

    .only-mobile {
        display: block !important;
        position: relative;
        height: 250px;
        width: 100%;
    }

    .only-mobile .first-img {
        position: absolute;
        top: 35px;
        left: -24px;
    }

    .only-mobile .sec-img {
        position: absolute;
        top: 100px;
        right: -24px;
    }

    .only-mobile .third-img {
        position: absolute;
        top: 95px;
        left: -24px;
    }

    .only-mobile .fourth-img {
        position: absolute;
        top: 50px;
        right: -24px;
    }

    .about-us-fifth-container {
        background-image: none;
    }

    .about-us-fifth-container .title {
        font-size: 18px !important;
    }

    .Testimonials-slides .slide-title {
        font-size: 33px !important;
        line-height: 39px !important;
    }

    .Testimonials-slides .slide-desc {
        font-size: 14px !important;
    }

    .about-us-fifth-container .comment {
        font-size: 15px !important;
    }

    .avatar {
        width: 32px !important;
        height: 32px !important;
    }

    .free-trial-form .firstDiv {
        margin-top: 100px !important;
    }

    #questionsTypesFeature .questionTypes {
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-top: 60px !important;
        gap: 6px !important;
    }

    #questionsTypesFeature .questionTypes .questionType {
        font-size: 11px !important;
        padding: 11px !important;
    }

    #questionsTypesFeature .questionTypes .gap-8 {
        gap: 8px;
    }

    #questionsTypesFeature {
        background-image: url('../images/protal-assets/BBG.svg') !important;
    }

    /* End "Abdelrhman" */
    /* .features-third-container .content .card{
        height: auto!important;
        padding: 0px!important;
        border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6)!important;
    }
    .features-third-container .content .card .desc .description{
        font-size: 11px!important;
    } */
    .generatedByAi .containter {
        width: 165.87px;
        height: 41.03px;
        border-radius: 5.56px;
        padding: 8.35px;
    }

    .generatedByAi .containter .title {
        font-weight: 600;
        font-size: 5.56px;
        line-height: 8.35px;
    }

    .contact-us-form .the-form {
        gap: 8px;
    }

    .generatedByAi .containter .desc {
        font-size: 4.87px;
        font-weight: 400;
        line-height: 7.3px
    }

    .generatedByAi svg {
        width: 24.34px;
        height: 24.34px;
    }

    .home-part .first-man-icon {
        top: 154px;
        left: 80px;

    }

    .home-part .first-man-icon {
        border-radius: 50%;
        width: 39.75px;
        height: 39.75px;
        border-width: 2px;
    }

    .home-part .header {
        font-size: 24px !important;
        line-height: 31px !important;
        margin-top: 24px;

    }

    .changeword-parent {
        height: 40px;
    }

    .home-part .desc {
        font-size: 10px;
        line-height: 20px;
    }

    .home-part .second-man-icon {
        width: 31px;
        height: 31px;
        right: 18px;
        top: 260px;
        border-width: 2px;

    }

    .home-part .bottom-container .getStarted {
        border-radius: 8px;
        padding: 12px, 32px, 12px, 32px;
        width: 157px;
        height: 48px;
        font-size: 14px;
        white-space: nowrap;
        margin-top: 0 !important;
    }

    .home-part .bottom-container {
        display: flex;
        justify-content: space-between;
    }

    .home-part .bottom-container .lang-container {
        width: 77.71px;
        height: 77.23px;
    }

    .home-part .bottom-container {
        margin-top: 20px;
    }

    .home-part {
        background-image: url('../images/protal-assets/homeBackground-sm.svg');
    }

    .home-more-detalis .header {
        font-size: 32px;
        line-height: 32px;
    }

    .home-more-detalis .try-this-out {
        font-size: 14px !important;
    }

    .home-more-detalis .desc {
        font-size: 20px;
        line-height: 27px;
        margin-top: 16px !important;
        margin-bottom: 12px;
    }

    .home-more-detalis #quickQuestionTypes .icons {
        width: 150px;
    }

    .home-more-detalis #quickQuestionTypes {
        height: 257px;
        width: 100%;
        padding: 0;
    }

    .third .key-features {
        font-size: 32px !important;
        line-height: 34px !important;
    }

    .third .key-features-desc {
        font-size: 10px !important;
        line-height: 29px !important;
    }

    .third .description {
        font-size: 20px !important;
        margin-right: 32px !important;
    }

    .fourth-part .header {
        font-size: 32px !important;
    }

    .fourth-part .desc {
        width: 100%;
    }

    .fourth-part .footer {
        font-size: 17px;
        line-height: 12px;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .fourth-part .footer img {
        width: 20px;
    }

    .portal-carousel .slide {
        flex-direction: column;
        justify-content: space-around;
    }

    .portal-carousel .header {
        font-size: 32px;
        line-height: 32px;
    }

    .portal-carousel .desc {
        font-size: 10px;
        line-height: 14px;
    }

    .fifth {
        padding-right: 24px;
    }

    .portal-carousel .slide .col-xl-7 {
        margin-top: 73px;

    }

    .portal-carousel .carousel__prev,
    .portal-carousel .carousel__next {
        top: -5% !important;
    }

    .portal-carousel .carousel__prev {
        /* left: 48px !important; */

    }

    .portal-carousel .carousel__next {
        left: 302px !important;
    }

    .home-sixth .first-part {
        background-size: cover;
        height: 335px;
    }

    .home-sixth .d-flex {
        flex-direction: column;
    }

    .home-sixth .first-part .icons.text-answer {
        right: 0;
        bottom: -50px;
        top: unset;

    }

    .home-sixth .first-part .icons.nps {
        right: 157px;
        bottom: -72px;
        top: unset;

    }

    .home-sixth .first-part .icons.rating-scale {
        left: 19px;
        top: 159px;
    }

    .home-sixth .first-part .icons {
        width: 144px;
        padding: 15.735px;
    }

    .home-sixth .header {
        font-size: 32px;
        line-height: 32px;
        margin-top: 48px;
    }

    .home-sixth .desc {
        font-size: 14px;
        line-height: 14px;

    }

    .integrate-with {

        border-radius: 6.24px;
        font-size: 14px;
        padding: 16px, 0px, 16px, 0px;
    }

    .seventh .header {
        font-size: 32px;
    }

    .seventh .desc {
        font-size: 14px;
    }

    .eighth .header {
        font-size: 38px;
        line-height: 40px;
    }

    .eighth .text-white {
        font-size: 35px;
        line-height: 40px;
    }

    .eighth .desc {
        font-size: 14px;
    }

    .freeTrial-form {
        padding-left: 28px;
        padding-right: 28px;
        margin-top: 0px !important;
    }

    .fifth {
        background-image: url('../images/protal-assets/fifth-background-sm.svg');
        ;
    }

    .eighth {
        background-image: url('../images/protal-assets/freeTrialBg-sm.svg');
    }

    #quickQuestionTypes .pie-icon {
        right: -93px;
        position: absolute;
        height: 90%;
        top: 5%;
        visibility: hidden
    }

    #quickQuestionTypes .pie-icon,
    #quickQuestionTypes .nps-icon-mob,
    #quickQuestionTypes .text-icon-mob,
    #quickQuestionTypes .rate-icon-mob {
        display: block !important;
    }

    #quickQuestionTypes .rate-icon-mob {
        position: absolute;
        top: 39px;
        left: -16px;
    }

    #quickQuestionTypes .nps-icon-mob {
        position: absolute;
        left: -100px;
        top: 100px;
    }

    #quickQuestionTypes .text-icon-mob {
        position: absolute;
        bottom: 7%;
        left: -100px;

    }

    #quickQuestionTypes .text-icon-mob.animation {
        animation: textMove .4s linear forwards;
    }

    #quickQuestionTypes .nps-icon-mob.animation {
        animation: npsMove .4s linear forwards;
    }

    @keyframes textMove {
        0% {
            left: -100px;
        }

        100% {
            left: 0px;
        }
    }

    @keyframes npsMove {
        0% {
            left: -100px;
        }

        100% {
            left: 10%;
        }
    }

    .third {
        background-image: url('../images/protal-assets/third-sm.svg');
    }

    .contact-us-form .title {
        font-size: 32px;
        line-height: 32px;
    }

    .contact-us-form {
        padding-top: 24px;
    }

    .contact-us-form .info-container .label {
        font-size: 12px;
    }

    .contact-us-form .info-container .value {
        font-size: 14px;
    }

    .contact-us-form .the-form .title {
        font-size: 18px;
    }

    .contact-us-form .the-form {
        padding: 24px;
    }

    .portal-footer.footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    .portal-footer .social-media {
        gap: 12px;
    }

    .portal-footer img {
        width: 124px;
    }
    .gap-16-sm{
        gap: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .gap-16-sm{
        gap: 16px !important;
    }
    .free-trial-form {
        justify-content: space-between;
        background-image: url('../images/protal-assets/freeTrialBg-md.svg') !important;
        height: 367.92px !important;
    }

    /* start "Abdelrhman" */
    .protal-top-bar {
        margin-top: 20px !important;
    }

    .protal-top-bar img {
        width: 130px;
    }

    .features-first-container .header {
        font-size: 29px;
        line-height: 40px;
        font-weight: 900;
    }

    .features-first-container .header-first-part {
        font-size: 29px;
        line-height: 40px;
        font-weight: 900;
    }

    .pl-132 {
        padding-left: 24px !important;
    }

    .pr-132 {
        padding-right: 24px !important;
    }

    .pt-163 {
        padding-top: 60px !important;
    }

    .features-first-container .desc {
        font-size: 11px;
        font-weight: 400;
        line-height: 16.8px;
        max-width: 100%;
        margin-top: 10px;
    }

    .features-second-container .header {
        font-size: 40px;
        line-height: 40px;
        font-weight: 900;
    }

    .features-second-container .carousel__prev {
        left: 40% !important;
    }

    .features-second-container .carousel__next {
        right: 40% !important;
    }

    .carousel__prev,
    .carousel__next {
        padding: 5px !important;
    }

    .features-second-container .carousel__next,
    .features-second-container .carousel__prev {
        top: 105% !important;
    }

    .features-second-container .slide {
        height: auto;
        width: auto;
        flex-direction: column;
        padding: 31px 12px 11px 12px;
        margin-top: 45px;
        border-radius: 8px;
        margin-right: 0px;
    }

    .features-second-container .slide .title {
        font-size: 25px;
    }

    .features-second-container .slide .desc {
        font-size: 11px;
        margin-top: 8px;
    }

    .pb-100 {
        padding-bottom: 10px;
    }

    .features-third-container {
        margin-top: 10px !important;
    }

    .features-third-container .header {
        font-size: 38px;
    }

    .h-50 {
        height: 37% !important;
    }

    .pl-64 {
        padding-left: 24px !important;
    }

    .pr-64 {
        padding-right: 24px !important;
    }

    .pt-4 {
        padding-top: 0.0rem !important;
    }

    .gap-16 {
        gap: 2px !important;
    }

    .background-transparent {
        left: 0px !important;
    }

    .features-fifth-container .header {
        font-size: 21px !important;
    }

    .features-fifth-container .fifth-desc {
        font-size: 11px !important;
    }

    .features-fifth-container {
        /* height: 890px!important; */
    }

    .features-sixth-container .slide .title {
        font-size: 18px !important;
    }

    .features-sixth-container .slide .desc {
        font-size: 12px !important;
    }

    .features-sixth-container .slide {
        width: 100% !important;
        padding: 25px 14px 25px 38px !important;
        gap: 14px !important;
    }

    .features-sixth-container .carousel__slide {
        /* margin: 8px !important; */
    }

    .features-sixth-container .carousel__prev {
        left: 25% !important;
        top: 115% !important;
    }

    .features-sixth-container .carousel__next {
        top: 115% !important;
        right: 29% !important;
    }

    .pb-6 {
        padding-bottom: 3.75rem !important;
    }

    .features-sixth-container .header {
        font-size: 29px !important;
        line-height: 33px;
    }

    .features-fourth-container .header {
        margin-top: 113px;
        font-size: 19px;
    }

    .AboutUs-first-container .header,
    .pricing .header {
        font-size: 42px !important;
        line-height: 40px !important;
    }

    .AboutUs-first-container {
        padding-top: 85px !important;
    }

    .AboutUs-first-container .desc,
    .pricing .desc {
        font-size: 14px !important;
        line-height: 16.8px !important;
        text-align: center;
    }

    .AboutUs-first-container .firstSection {
        /* flex-direction: column-reverse; */
    }

    .AboutUs-first-container .title,
    .about-us-third-container .title {
        margin-top: 10px !important;
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .AboutUs-first-container .description {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-second-container .pl-5 {
        /* padding-left: 0px !important; */
    }

    .our-mission {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
    }

    .aboutBtn {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        padding: 12px 32px 12px 32px !important;
    }

    .about-us-second-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-second-container .desc {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-third-container {
        /* flex-direction: column-reverse; */
    }

    .about-us-third-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-third-container .desc {
        font-size: 10px !important;
        line-height: 24px !important;
    }

    .about-us-second-container img {
        width: 100% !important;
    }

    .about-us-second-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-second-container .desc {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .about-us-fouth-container .title {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    .about-us-fouth-container .desc {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .mash-clients {
        display: flex;
        justify-content: space-evenly;
        gap: 22px;
        flex-wrap: wrap;
    }

    .mash-clients img {
        width: 94px !important;
    }

    .only-mobile {
        display: block !important;
        position: relative;
        height: 250px;
        width: 100%;
    }

    .only-mobile .first-img {
        position: absolute;
        top: 35px;
        left: -24px;
    }

    .only-mobile .sec-img {
        position: absolute;
        top: 100px;
        right: -24px;
    }

    .only-mobile .third-img {
        position: absolute;
        top: 95px;
        left: -24px;
    }

    .only-mobile .fourth-img {
        position: absolute;
        top: 50px;
        right: -24px;
    }

    .about-us-fifth-container {
        background-image: none;
    }

    .about-us-fifth-container .title {
        font-size: 20px !important;
    }

    .Testimonials-slides .slide-title {
        font-size: 40px !important;
        line-height: 39px !important;
    }

    .Testimonials-slides .slide-desc {
        font-size: 18px !important;
    }

    .about-us-fifth-container .comment {
        font-size: 18px !important;
    }

    .Testimonials-slides .carousel__prev {
        left: 41% !important;
    }

    .avatar {
        width: 32px !important;
        height: 32px !important;
    }

    .free-trial-form .firstDiv {
        /* margin-top: 100px!important; */
    }

    #questionsTypesFeature .questionTypes {
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-top: 189px !important;
        gap: 6px !important;
    }

    #questionsTypesFeature .questionTypes .questionType {
        font-size: 11px !important;
        padding: 11px !important;
    }

    #questionsTypesFeature .questionTypes .gap-8 {
        gap: 8px;
    }

    #questionsTypesFeature {
        background-image: url('../images/protal-assets/tabletBB.png') !important;
        background-size: cover !important;
    }

    .last-svg {
        margin-top: -3.25rem !important;
        margin-bottom: 4.75rem !important;
    }

    /* End "Abdelrhman" */
    /* .features-third-container .content .card{
            height: auto!important;
            padding: 0px!important;
            border: 1px solid var(--Foundation-Blue-blue-100, #D8DEE6)!important;
        }
        .features-third-container .content .card .desc .description{
            font-size: 11px!important;
        } */
    .generatedByAi .containter {
        width: 226.87px;
        height: 56.03px;
        border-radius: 5.56px;
        padding: 8.35px;
    }

    .generatedByAi .containter .title {
        font-weight: 600;
        font-size: 9.56px;
        line-height: 19.35px;
    }

    .contact-us-form .the-form {
        gap: 8px;
    }

    .generatedByAi .containter .desc {
        font-size: 7.87px;
        font-weight: 400;
        line-height: 7.3px
    }

    .generatedByAi svg {
        width: 33.34px;
        height: 33.34px;
    }

    .home-part .first-man-icon {
        /* right: 315px!important; */
        left: unset;
        top: 103px !important;

    }

    .home-part .first-man-icon {
        border-radius: 50%;
        width: 64.75px;
        height: 64.75px;
        border-width: 2px;
    }

    .home-part .header {
        font-size: 45px;
        line-height: 48px;
        margin-top: 24px;

    }

    .changeword-parent {
        height: 44px;
    }

    .home-part .desc {
        font-size: 17px;
        line-height: 62px;
    }

    .home-part .second-man-icon {
        width: 50px;
        height: 50px;
        right: 18px;
        top: 61%;
        border-width: 2px;

    }

    .home-part .bottom-container .getStarted {
        border-radius: 8px;
        padding: 12px, 32px, 12px, 32px;
        width: 157px;
        height: 48px;
        font-size: 14px;
        white-space: nowrap;
        margin-top: 0 !important;
    }

    .home-part .bottom-container {
        display: flex;
        justify-content: space-between;
    }

    .home-part .bottom-container .lang-container {
        width: 77.71px;
        height: 77.23px;
    }

    .home-part .bottom-container {
        margin-top: 20px;
    }

    .home-part {
        background-image: url('../images/protal-assets/homeBackground-sm.svg');
    }

    .home-more-detalis .header {
        font-size: 30px;
        line-height: 44px;
    }

    .home-more-detalis .desc {
        font-size: 14px;
        line-height: 18px;
    }

    .home-more-detalis #quickQuestionTypes .icons {
        width: 150px;
    }

    .home-more-detalis #quickQuestionTypes {
        height: 273px;
        /* width: 100%; */
        padding: 0;
    }

    .third .key-features {
        font-size: 39px;
        ;
    }

    .third .key-features-desc {
        font-size: 16px;
    }

    .fourth-part .header {
        font-size: 40px;
        line-height: 48px;
    }

    .fourth-part .desc {
        width: 100%;
    }

    .fourth-part .footer {
        font-size: 32px;
        line-height: 12px;
        margin-top: 60px;
    }

    .fourth-part .footer img {
        width: 40px;
    }

    .portal-carousel .slide {
        flex-direction: column;
        justify-content: space-around;
    }

    .portal-carousel .header {
        font-size: 32px;
        line-height: 32px;
    }

    .portal-carousel .desc {
        font-size: 14px;
        line-height: 14px;
    }

    .fifth {
        padding-right: 24px;
    }

    .portal-carousel .slide .col-xl-7 {
        margin-top: 73px;

    }

    .portal-carousel .carousel__prev,
    .portal-carousel .carousel__next {
        top: 13%;
    }

    .portal-carousel .carousel__prev {
        right: 48px !important;

    }

    .home-sixth .first-part {
        background-size: cover;
    }

    .home-sixth .d-flex {
        /* flex-direction: column; */
    }

    /* .home-sixth .first-part .icons.text-answer {
            right: 0;
            bottom: -50px;
            top: unset;
    
        }
        .home-sixth .first-part .icons.nps {
            right: 157px;
            bottom: -72px;
            top: unset;
    
        } */
    .home-sixth .first-part .icons.rating-scale {
        right: -40px;
        /* top: 159px; */
    }

    .home-sixth .first-part .icons {
        width: 144px;
        padding: 15.735px;
    }

    .home-sixth .header {
        font-size: 32px;
        line-height: 32px;
        margin-top: 48px;
        margin-left: 80px;
    }

    .home-sixth .desc {
        font-size: 14px;
        line-height: 14px;
        margin-left: 80px;

    }

    .integrate-with {

        border-radius: 6.24px;
        font-size: 14px;
        padding: 16px, 0px, 16px, 0px;
    }

    .seventh .header {
        font-size: 32px;
    }

    .seventh .desc {
        font-size: 14px;
    }

    .eighth .header {
        font-size: 32px;
        line-height: 35px;
    }

    .eighth .desc {
        font-size: 14px;
    }

    .freeTrial-form {
        padding-left: 28px;
        padding-right: 28px;
    }

    .fifth {
        background-image: url('../images/protal-assets/fifth-background-sm.svg');
        ;
    }

    .eighth {
        background-image: url('../images/protal-assets/freeTrialBg-sm.svg');
    }

    #quickQuestionTypes .pie-icon {
        right: -93px;
        position: absolute;
        height: 90%;
        top: 5%;
        visibility: hidden
    }

    #quickQuestionTypes .pie-icon,
    #quickQuestionTypes .nps-icon-mob,
    #quickQuestionTypes .text-icon-mob,
    #quickQuestionTypes .rate-icon-mob {
        display: block !important;
    }

    #quickQuestionTypes .rate-icon-mob {
        position: absolute;
        top: 39px;
        left: -16px;
    }

    #quickQuestionTypes .nps-icon-mob {
        position: absolute;
        left: -100px;
        top: 100px;
    }

    #quickQuestionTypes .text-icon-mob {
        position: absolute;
        bottom: 7%;
        left: -100px;

    }

    #quickQuestionTypes .text-icon-mob.animation {
        animation: textMove .4s linear forwards;
    }

    #quickQuestionTypes .nps-icon-mob.animation {
        animation: npsMove .4s linear forwards;
    }

    @keyframes textMove {
        0% {
            left: -100px;
        }

        100% {
            left: 0px;
        }
    }

    @keyframes npsMove {
        0% {
            left: -100px;
        }

        100% {
            left: 10%;
        }
    }

    .third {
        background-image: url('../images/protal-assets/third-sm.svg');
    }

    .contact-us-form .title {
        font-size: 32px;
        line-height: 32px;
    }

    .contact-us-form {
        padding-top: 24px;
    }

    .contact-us-form .info-container .label {
        font-size: 12px;
    }

    .contact-us-form .info-container .value {
        font-size: 14px;
    }

    .contact-us-form .the-form .title {
        font-size: 18px;
    }

    .contact-us-form .the-form {
        padding: 24px;
    }

    .portal-footer.footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    .portal-footer .social-media {
        gap: 12px;
    }

    .portal-footer img {
        width: 124px;
    }
}



.third-icon {
    box-shadow: 0px 4px 28px 0px rgba(75, 75, 75, 0.05);

}

.contact-us-form .iti__selected-flag {
    padding-left: 14px;
    padding-right: 14px;
}

.h-58 {
    height: 58% !important;
}

.bg-gray-light {
    background-color: rgba(244, 244, 244, 1) !important;
}

.border-radius-bottom-left-0 {
    border-bottom-left-radius: 0 !important;
}

.border-radius-bottom-right-0 {
    border-bottom-right-radius: 0 !important;
}

.gap-4 {
    gap: 4px !important;
}

#quickQuestionTypes .showPopup {
    visibility: visible;
    opacity: 1;
    animation: rotate 0.4s linear;
}

.mob-portal-menu {
    background-image: url('../images/protal-assets/mob-menu-bg.svg');
    background-repeat: no-repeat;
    z-index: 99999;
    top: -100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto !important;

}

.mob-portal-menu .logo {
    width: 130px;
}

@keyframes moveMenuDown {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }


}

@keyframes moveMenuUp {
    0% {
        top: 0%;
    }

    100% {
        top: -100%;
    }


}

.mob-portal-menu.animation {
    animation: moveMenuDown .4s linear forwards;
}

.mob-portal-menu.animation-up {
    animation: moveMenuUp .4s linear forwards;
}

@media (min-width: 992px) and (max-width: 1500px) {
    .emptyContent {
        padding: 65px 35px;
    }

    .home-sixth .first-part {
        background-position: center;
    }

    .home-sixth .first-part .icons.nps {
        right: -28px;
    }
 

}
.font-weight-bold{
    font-weight: 700 !important;
}
.font-size-24{
    font-size: 24px !important;
}
.font-size-48{
    font-size: 48px !important;
}