/*----------------------------*/
/* Header Start */
/*----------------------------*/
header {
    background-color: var(--theme-secondary-color);
    padding: 30px 0;
    border-radius: 0 0 36px 36px;
    position: relative;
    z-index: 999;
}

.logo a img {
    width: auto;
    height: 74px;
}

.navigation {
    padding: 0 0 0 72px;
}

.navigation ul {
    margin: 0 -21px;
}

.navigation ul li {
    padding: 0 21px;
}

.navigation ul li a {
    color: var(--theme-white);
    font-size: var(--p-fs);
}

.navigation ul li a.active,
.navigation ul li a:hover {
    color: var(--theme-primary-color);
}

.right-header {
    padding-left: 30px;
}

.language-selector a {
    color: var(--theme-white);
    font-size: var(--p-fs);
}

.language-selector a i {
    width: 38px;
    height: 38px;
    border: solid 1px var(--theme-white);
    padding: 6px;
    margin: 0 12px 0 0;
}

.language-selector>a:after {
    content: "";
    display: block;
    min-width: 13px;
    width: 13px;
    height: 7px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.75L7.5 7.25L14 0.75' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 0 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.language-selector.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.language-selector.active .language-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.language-selector .language-list {
    position: absolute;
    top: 100%;
    right: calc(100% - 50px);
    background-color: var(--theme-white);
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    min-width: 178px;
    padding: 8px;
    margin-top: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.language-selector .language-list:after {
    content: "";
    position: absolute;
    bottom: calc(100% - 6px);
    right: 18px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 20px solid var(--theme-white);
}

.language-selector .language-list li {
    position: relative;
}

.language-selector .language-list li a {
    position: relative;
    padding: 8px 10px;
    color: var(--theme-secondary-color);
    border-radius: 8px;
}

.language-selector .language-list li a i {
    border-color: var(--theme-secondary-color);
}

.language-selector .language-list li a:hover {
    background-color: var(--theme-light-gray);
}

.language-selector .language-list li a.active {
    background-color: color-mix(in srgb, var(--theme-primary-color) 12%, transparent);
    color: var(--theme-primary-color);
}

.language-selector .language-list li a.active i {
    border-color: var(--theme-primary-color);
}

.user-dropdown {
    margin: 0 0 0 24px;
}

.user-dropdown>a {
    min-width: 200px;
    padding: 0 20px 0 0;
}

.user-dropdown a {
    color: var(--theme-white);
    font-size: var(--p-fs);
}

.user-dropdown a i {
    width: 38px;
    height: 38px;
    margin: 0 12px 0 0;
}

.user-dropdown>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    min-width: 13px;
    width: 13px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.75L7.5 7.25L14 0.75' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -4px 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.user-dropdown.active a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.user-dropdown.active .user-dropdown-list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.user-dropdown .user-dropdown-list {
    position: absolute;
    top: 100%;
    left: -22px;
    background-color: var(--theme-white);
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    min-width: 235px;
    padding: 8px;
    margin-top: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.user-dropdown .user-dropdown-list:after {
    content: "";
    position: absolute;
    bottom: calc(100% - 6px);
    left: 28px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 20px solid var(--theme-white);
}

.user-dropdown .user-dropdown-list li {
    position: relative;
}

.user-dropdown .user-dropdown-list li a {
    position: relative;
    padding: 15px 10px;
    color: var(--theme-secondary-color);
    border-radius: 8px;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_444444_256x240.png);
}

.user-dropdown .user-dropdown-list li a i {
    height: 24px;
    width: 24px;
}

.user-dropdown .user-dropdown-list li a i svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.user-dropdown .user-dropdown-list li a:hover {
    background-color: var(--theme-light-gray);
}

.user-dropdown .user-dropdown-list li a.active {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
    color: var(--theme-primary-color);
}

.user-dropdown .user-dropdown-list li a.active i {
    border-color: var(--theme-primary-color);
}

.notification {
    margin: 0 24px 0 0;
}

.notification ul li+li {
    margin-left: 24px;
}

.notification ul li .btn-notification {
    width: 38px;
    height: 38px;
    background-color: var(--theme-white);
}

.notification ul li .btn-notification i {
    display: -ms-flexbox;
    display: flex;
}

.notification ul li .btn-notification:hover {
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
}

.login-btn {
    margin: 0 0 0 18px;
}

.login-btn a {
    padding: 8px 9px 8px 18px;
    border: solid 1px var(--theme-white);
    border-radius: 50px;
    font-weight: 900;
    font-size: var(--p-fs);
    line-height: normal;
    color: var(--theme-white);
}

.login-btn a i {
    width: 36px;
    height: 36px;
    background-color: var(--theme-white);
    margin: 0 0 0 38px;
    padding: 6px;
}

.login-btn a i img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.login-btn a:hover {
    color: var(--theme-white);
    background-color: var(--theme-primary-dark-color);
    border-color: var(--theme-primary-dark-color);
}

.apply-btn {
    margin: 0 0 0 18px;
}

.apply-btn a {
    padding: 8px 9px 8px 18px;
    border: solid 1px var(--theme-primary-dark-color);
    border-radius: 50px;
    font-weight: 900;
    font-size: var(--p-fs);
    line-height: normal;
    color: var(--theme-white);
    background-color: var(--theme-primary-dark-color);
}

.apply-btn a i {
    width: 36px;
    height: 36px;
    background-color: var(--theme-white);
    border-radius: 50%;
    margin: 0 0 0 13px;
    padding: 6px;
}

.apply-btn a i img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.apply-btn a:hover {
    background-color: transparent;
    border-color: var(--theme-white);
}

.backdrop-header,
.close-menu,
.humbergar-menu {
    position: relative;
    padding: 0 0 0 36px;
    display: none;
}

.close-menu .close-menu-btn,
.humbergar-menu .humbergar-button {
    width: 38px;
    height: 38px;
    padding: 6px;
    background-color: var(--theme-primary-color);
}

.close-menu .close-menu-btn svg,
.humbergar-menu .humbergar-button svg {
    width: auto;
    height: auto;
    max-width: 100%;
}

.backdrop-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: var(--theme-secondary-color);
    opacity: 0.6;
    z-index: 998;
}

@media (min-width: 1921px) {
    header {
        padding: 1.563vw 0;
        border-radius: 0 0 1.875vw 1.875vw;
    }

    .logo a img {
        height: 3.854vw;
    }

    .navigation {
        padding: 0 0 0 3.75vw;
    }

    .navigation ul {
        margin: 0 -1.094vw;
    }

    .navigation ul li {
        padding: 0 1.094vw;
    }

    .right-header {
        padding-left: 1.563vw;
    }

    .language-selector a i {
        width: 1.979vw;
        height: 1.979vw;
        border: solid 0.052vw var(--theme-white);
        padding: 0.313vw;
        margin: 0 0.625vw 0 0;
    }

    .language-selector>a:after {
        min-width: 0.677vw;
        width: 0.677vw;
        height: 0.365vw;
        margin: 0 0 0 0.625vw;
    }

    .language-selector.active .language-list {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .language-selector .language-list {
        right: calc(100% - 2.604vw);
        border-radius: 0.625vw;
        -webkit-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        -ms-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        min-width: 9.271vw;
        padding: 0.417vw;
        margin-top: 1.146vw;
        -webkit-transform: translateY(0.521vw);
        -moz-transform: translateY(0.521vw);
        -ms-transform: translateY(0.521vw);
        transform: translateY(0.521vw);
    }

    .language-selector .language-list:after {
        bottom: calc(100% - 0.313vw);
        right: 0.938vw;
        border-left: 0.573vw solid transparent;
        border-right: 0.573vw solid transparent;
        border-bottom: 1.042vw solid var(--theme-white);
    }

    .language-selector .language-list li a {
        padding: 0.417vw 0.521vw;
        border-radius: 0.417vw;
    }

    .user-dropdown {
        margin: 0 0 0 1.25vw;
    }

    .user-dropdown>a {
        min-width: 10.42vw;
        padding: 0 1.04vw 0 0;
    }

    .user-dropdown a i {
        width: 1.979vw;
        height: 1.979vw;
        margin: 0 0.625vw 0 0;
    }

    .user-dropdown>a:after {
        min-width: 0.677vw;
        width: 0.677vw;
        height: 0.42vw;
        margin: -0.21vw 0 0 0;
    }

    .user-dropdown.active .user-dropdown-list {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .user-dropdown .user-dropdown-list {
        left: -1.146vw;
        border-radius: 0.625vw;
        -webkit-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        -ms-box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.12);
        min-width: 12.24vw;
        padding: 0.417vw;
        margin-top: 1.146vw;
        -webkit-transform: translateY(0.022vw);
        -moz-transform: translateY(0.022vw);
        -ms-transform: translateY(0.022vw);
        transform: translateY(0.022vw);
    }

    .user-dropdown .user-dropdown-list:after {
        bottom: calc(100% - 0.313vw);
        left: 1.458vw;
        border-left: 0.573vw solid transparent;
        border-right: 0.573vw solid transparent;
        border-bottom: 1.042vw solid var(--theme-white);
    }

    .user-dropdown .user-dropdown-list li a {
        padding: 0.781vw 0.521vw;
        border-radius: 0.417vw;
    }

    .user-dropdown .user-dropdown-list li a i {
        height: 1.25vw;
        width: 1.25vw;
    }

    .notification {
        margin: 0 1.25vw 0 0;
    }

    .notification ul li+li {
        margin-left: 1.25vw;
    }

    .notification ul li .btn-notification {
        width: 1.979vw;
        height: 1.979vw;
    }

    .login-btn {
        margin: 0 0 0 0.938vw;
    }

    .login-btn a {
        padding: 0.417vw 0.469vw 0.417vw 0.938vw;
        border: solid 0.052vw var(--theme-white);
        border-radius: 2.604vw;
    }

    .login-btn a i {
        width: 1.875vw;
        height: 1.875vw;
        margin: 0 0 0 1.979vw;
        padding: 0.313vw;
    }

    .login-btn a i img {
        width: 1.042vw;
        height: auto;
    }

    .apply-btn {
        margin: 0 0 0 0.938vw;
    }

    .apply-btn a {
        padding: 0.417vw 0.469vw 0.417vw 0.938vw;
        border: solid 0.052vw var(--theme-primary-color);
        border-radius: 2.604vw;
    }

    .apply-btn a i {
        width: 1.875vw;
        height: 1.875vw;
        margin: 0 0 0 0.677vw;
        padding: 0.313vw;
    }

    .apply-btn a i img {
        width: 1.25vw;
        height: auto;
    }

    .backdrop-header,
    .close-menu,
    .humbergar-menu {
        padding: 0 0 0 1.875vw;
    }

    .close-menu .close-menu-btn,
    .humbergar-menu .humbergar-button {
        width: 1.979vw;
        height: 1.979vw;
        padding: 0.313vw;
    }
}

/*----------------------------*/
/* Header End */
/*----------------------------*/

/* .btn.primary-btn:hover {
    background-color: transparent;
    border-color: var(--theme-white);
} */
/* .btn.primary-btn:hover i img {
    
    transform: translateX(100%);
}
.btn.primary-btn:hover i::after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    right: 0;
} */

/*================================================================*/
/* Home Page Start */
/*================================================================*/
/*----------------------------*/
/* Banner Start */
/*----------------------------*/
.hero {
    padding: 120px 0 0;
    margin-top: -60px;
    z-index: 2;
    border-radius: 60px;
    overflow: hidden;
}

.hero:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 177px;
    background-color: var(--theme-light-gray);
    border-radius: 0 0 0 60px;
    pointer-events: none;
}

.hero-content {
    padding: 120px 0;
}

.hero-content .btn {
    margin-top: 42px;
}

.listuser-image i {
    width: 76px;
}

.listuser-image i::after {
    content: "";
    display: block;
    padding: 50% 50%;
}

.listuser-image i img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listuser-image i+i {
    margin-left: -12px;
}

.hero-content-bottom {
    padding: 51px 0;
    background-color: white;
    border-radius: 60px;
}

.hero-content-bottom:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    width: 150vw;
    height: 100%;
    background-color: var(--theme-light-gray);
    border-radius: 0 0 0 60px;
    pointer-events: none;
}

.hero-shap-box {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -60px;
    width: 200vw;
    height: 60px;
    background-color: var(--theme-light-gray);
    border-radius: 0 60px 0 0;
    pointer-events: none;
}

.hero-shap-box::after {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    right: 60px;
    width: 200vw;
    height: 100%;
    background-color: white;
    border-radius: 0 60px 0 0;
    pointer-events: none;
}

.hero-shap-box::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 60px;
    right: 60px;
    width: 200vw;
    height: 100vh;
    background-color: white;
    border-radius: 0 0 0 0;
    pointer-events: none;
}

/* .hero-image-wrap {
    min-height: 830px;
} */

.listuser-content {
    padding: 0 0 0 30px;
}

.listuser-content .h3 {
    font-weight: 900;
}

.listuser-content .h4 {
    color: var(--theme-primary-color);
}

.hero-image-wrap {
    padding: 0 0 65px 41px;
}

.hero-image-box {
    border-radius: 60px;
}

.hero-image-box::after {
    content: "";
    display: block;
    padding: 46.175% 50%;
}

.hero-image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-image-content span {
    padding: 24px 37px;
    background-color: var(--theme-secondary-color);
    border-radius: 100px;
    color: var(--theme-white);
    margin-top: -41px;
}

.hero-image-wrap::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: -60px;
    left: -156px;
    width: 100vw;
    background-image: url(../images/hero-pattern.svg);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    z-index: -1;
}

@media (min-width: 1921px) {
    .hero {
        padding: 6.25vw 0 0;
        margin-top: -3.125vw;
        border-radius: 3.125vw;
    }

    .hero:after {
        bottom: 9.219vw;
        border-radius: 0 0 0 3.125vw;
    }

    .hero-content {
        padding: 6.25vw 0;
    }

    .hero-content .btn {
        margin-top: 2.188vw;
    }

    .listuser-image i {
        width: 3.958vw;
    }

    .listuser-image i+i {
        margin-left: -0.625vw;
    }

    .hero-content-bottom {
        padding: 2.656vw 0;
        border-radius: 3.125vw;
    }

    .hero-content-bottom:after {
        border-radius: 0 0 0 3.125vw;
    }

    .hero-shap-box {
        right: -3.125vw;
        height: 3.125vw;
        border-radius: 0 3.125vw 0 0;
    }

    .hero-shap-box::after {
        right: 3.125vw;
        border-radius: 0 3.125vw 0 0;
    }

    .hero-shap-box::before {
        top: 3.125vw;
        right: 3.125vw;
    }

    .listuser-content {
        padding: 0 0 0 1.563vw;
    }

    .hero-image-wrap {
        padding: 0 0 3.385vw 2.135vw;
    }

    .hero-image-box {
        border-radius: 3.125vw;
    }

    .hero-image-content span {
        padding: 1.25vw 1.927vw;
        border-radius: 5.208vw;
        margin-top: -2.135vw;
    }

    .hero-image-wrap::before {
        top: -3.125vw;
        left: -8.125vw;
    }
}

/*----------------------------*/
/* Banner End */
/*----------------------------*/

/*----------------------------*/
/* About Section Start */
/*----------------------------*/

.about-image-wrap {
    width: 100%;
}

.about-image-wrap {
    padding: 0 73px 0 0;
    display: inline-block;
}

.about-image-block {
    mask-image: url(../images/about-shape.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: top right;
    float: right;
    width: calc((100vw - 1710px) / 2 + 20px + 100%);
}

.about-image-block:after {
    content: "";
    display: block;
    /* padding: 38.533% 50%; */
    height: 676px;
}

.about-image-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.experience-label {
    position: absolute;
    bottom: 0;
    right: 73px;
    border-radius: 50px;
    min-width: 344px;
    min-height: 84px;
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 12%,
            transparent);
}

.experience-label {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    font-weight: 900;
    padding: 0 24px;
}

.experience-label i {
    min-width: 58px;
    width: 58px;
    margin: 0 0 0 16px;
}

.experience-label i img {
    width: 100%;
    height: auto;
}

.list-round {
    row-gap: 30px;
    margin-top: 30px;
}

.list-round li {
    font-weight: bold;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    font-size: var(--p2-fs);
    line-height: 1.25;
    width: 50%;

    padding: 0 30px 0 26px;
    margin: 0;
}

.list-round li:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 3px var(--theme-primary-color);
}

.about-content .btn {
    margin-top: 40px;
}

.about-content p+.btn {
    margin-top: 16px;
}

@media (min-width: 1921px) {
    .about-image-wrap {
        padding: 0 3.802vw 0 0;
    }

    .about-image-block {
        width: calc((100vw - 89.063vw) / 2 + 1.042vw + 100%);
    }

    .about-image-block:after {
        height: 35.208vw;
    }

    .experience-label {
        right: 3.802vw;
        border-radius: 2.604vw;
        min-width: 17.917vw;
        min-height: 4.375vw;
    }

    .experience-label {
        padding: 0 1.25vw;
    }

    .experience-label i {
        min-width: 3.021vw;
        width: 3.021vw;
        margin: 0 0 0 0.833vw;
    }

    .list-round {
        row-gap: 1.563vw;
        margin-top: 1.563vw;
    }

    .list-round li {
        padding: 0 1.563vw 0 1.354vw;
    }

    .list-round li:after {
        top: 0.156vw;
        width: 0.729vw;
        height: 0.729vw;
        border-radius: 2.604vw;
        box-shadow: inset 0 0 0 0.156vw var(--theme-primary-color);
    }

    .about-content .btn {
        margin-top: 2.083vw;
    }

    .about-content p+.btn {
        margin-top: 0.833vw;
    }
}

/*----------------------------*/
/* About Section End */
/*----------------------------*/

/*----------------------------*/
/* Video Section Start */
/*----------------------------*/
/* 
.video-section {
    padding-top: 120px;
} */

.video-wraper {
    padding: 0 0 0;
}

.video-wraper h3 {
    font-weight: 900;
}

.video-side-content>* {
    margin-bottom: 0;
    padding-bottom: 0;
}

.video-block {
    border-radius: 60px;
}

.video-block::after {
    content: "";
    display: block;
    /* padding: 23.81% 50%; */
    padding: 31.008% 50%;
}

.video-thumb {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.video-btn {
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 30%,
            transparent);
}

.video-btn button {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background-color: var(--theme-white);
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.video-btn button i svg {
    width: 66px;
    height: auto;
}

.waves-block {
    width: calc(100% + (19px * 2));
    height: calc(100% + (19px * 2));
    top: -19px;
    left: -19px;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
        opacity: 0;
    }
}

.waves {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.video-block.active-video .video-thumb {
    opacity: 0;
    visibility: hidden;
}

.video-block.active-video .video-box {
    opacity: 1;
    visibility: visible;
}

.video-box {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video-box iframe {
    width: 100%;
    height: 100%;
}

.video-wrap-bottom .theme-title,
.video-side-content .theme-title {
    padding-bottom: 18px;
}

.video-side-content :is(p, ul, ol):has(+ :is(h1, h2, h3, h4, h5, h6, .theme-title)) {
    margin-bottom: 42px;
}

.video-wrap-top .video-block {
    max-width: 774px;
}

.video-wrap-bottom {
    padding-top: 42px;
}

.video-wrap-bottom p {
    margin-bottom: 0;
}

.video-wrap-bottom p span {
    color: var(--theme-primary-color);
}

.video-content-list {
    padding-top: 18px;
    counter-reset: listing;
}

.video-content-list .h6 {
    font-weight: 900;
    margin-bottom: 18px;
}

.video-content-box+.video-content-box {
    margin-top: 18px;
}

.video-content-box .video-content-numbers {
    width: 64px;
    height: 64px;
    box-shadow: inset 0 0 0 5px #f8f3f1;
    font-size: var(--h4-fs);
    font-weight: 500;
    color: var(--theme-primary-color);
}

.video-content-box .video-content-numbers:after {
    counter-increment: listing;
    content: counter(listing, decimal-leading-zero);
}

.video-content-box .video-content-right {
    width: calc(100% - 64px);
    padding: 20px 0 0 18px;
}

.video-content-right ul,
.video-content-right ol {
    padding-top: 26px;
    padding-left: 24px;
}

.video-content-right ul li {
    list-style-type: disc;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.video-content-right ol li {
    list-style-type: decimal;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.video-content-right ul li+li,
.video-content-right ol li+li {
    margin-top: 26px;
}

.video-wrap-bottom .video-content-list+p,
.video-wrap-bottom p+p {
    margin-top: 18px;
}

.video-bottom-box.video-bottom-box-1 {
    background-color: var(--theme-primary-color);
}

.video-bottom-box.video-bottom-box-2 {
    background-color: var(--theme-secondary-color);
}

.video-bottom-box {
    border-radius: 24px;
    padding: 30px;
}

.video-bottom-box li,
.video-bottom-box p,
.video-bottom-box .h4,
.video-bottom-box h4 {
    color: var(--theme-white);
}

.video-bottom-box .h4,
.video-bottom-box h4 {
    margin-bottom: 18px;
}

.video-wrap-bottom .row {
    row-gap: 30px;
    margin-top: 42px;
}

.video-wrap-bottom :is(.row):has(+ :is(h1, h2, h3, h4, h5, h6, .theme-title, p)) {
    margin-bottom: 30px;
}

.cms-block :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 30px;
    line-height: 1.2;
}

@media (min-width: 1921px) {
    .video-wraper {
        padding: 0 0 0;
    }

    .video-side-content>* {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .video-block {
        border-radius: 3.125vw;
    }

    .video-btn button {
        width: 6.354vw;
        height: 6.354vw;
    }

    .video-btn button i svg {
        width: 3.438vw;
    }

    .waves-block {
        width: calc(100% + (0.99vw * 2));
        height: calc(100% + (0.99vw * 2));
        top: -0.99vw;
        left: -0.99vw;
    }

    .video-wrap-bottom .theme-title,
    .video-side-content .theme-title {
        padding-bottom: 0.938vw;
    }

    .video-side-content :is(p, ul, ol):has(+ :is(h1, h2, h3, h4, h5, h6, .theme-title)) {
        margin-bottom: 2.188vw;
    }

    .video-wrap-top .video-block {
        max-width: 40.313vw;
    }

    .video-wrap-bottom {
        padding-top: 2.188vw;
    }

    .video-wrap-bottom p {
        margin-bottom: 0;
    }

    .video-content-list {
        padding-top: 0.938vw;
    }

    .video-content-list .h6 {
        margin-bottom: 0.938vw;
    }

    .video-content-box+.video-content-box {
        margin-top: 0.938vw;
    }

    .video-content-box .video-content-numbers {
        width: 3.333vw;
        height: 3.333vw;
        box-shadow: inset 0 0 0 0.26vw #f8f3f1;
    }

    .video-content-box .video-content-right {
        width: calc(100% - 3.333vw);
        padding: 1.042vw 0 0 0.938vw;
    }

    .video-content-right ul,
    .video-content-right ol {
        padding-top: 1.354vw;
        padding-left: 1.25vw;
    }

    .video-content-right ul li+li,
    .video-content-right ol li+li {
        margin-top: 1.354vw;
    }

    .video-wrap-bottom .video-content-list+p,
    .video-wrap-bottom p+p {
        margin-top: 0.938vw;
    }

    .video-bottom-box {
        border-radius: 1.25vw;
        padding: 1.563vw;
    }

    .video-bottom-box .h4,
    .video-bottom-box h4 {
        margin-bottom: 0.938vw;
    }

    .video-wrap-bottom .row {
        row-gap: 1.563vw;
        margin-top: 2.188vw;
    }

    .video-wrap-bottom :is(.row):has(+ :is(h1, h2, h3, h4, h5, h6, .theme-title, p)) {
        margin-bottom: 1.563vw;
    }

    .cms-block :is(h1, h2, h3, h4, h5, h6) {
        margin-bottom: 1.563vw;
    }
}

/*----------------------------*/
/* Video Section End */
/*----------------------------*/

/*----------------------------*/
/* steps DIY loan Section Start */
/*----------------------------*/
.steps-loan-row {
    row-gap: 36px;
    column-gap: 30px;
}

.steps-loan-row .steps-loan-col {
    width: 272px;
}

.steps-loan-box .steps-loan-icon {
    width: 200px;
    height: 200px;
    background-color: #f8f3f1;
    padding: 30px;
}

.steps-loan-icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.steps-loan-box .steps-loan-number {
    top: -10px;
    right: -32px;
    width: 80px;
    height: 80px;
    border: solid 6px #f8f3f1;
    background-color: var(--theme-white);
    font-size: var(--h3-fs);
    color: var(--theme-primary-color);
    font-weight: 500;
}

.steps-loan-box .steps-loan-title {
    padding: 30px 0 0 0;
    width: 100%;
    font-size: var(--h4-fs);
    font-weight: 700;
    color: var(--theme-secondary-color);
}

@media (min-width: 1921px) {
    .steps-loan-row {
        row-gap: 1.875vw;
        column-gap: 1.563vw;
    }

    .steps-loan-row .steps-loan-col {
        width: 14.167vw;
    }

    .steps-loan-box .steps-loan-icon {
        width: 10.417vw;
        height: 10.417vw;
        padding: 1.563vw;
    }

    .steps-loan-icon img {
        width: 5.313vw;
    }

    .steps-loan-box .steps-loan-number {
        top: -0.521vw;
        right: -1.667vw;
        width: 4.167vw;
        height: 4.167vw;
        border: solid 0.313vw #f8f3f1;
    }

    .steps-loan-box .steps-loan-title {
        padding: 1.563vw 0 0 0;
    }
}

/*----------------------------*/
/* steps DIY loan Section End */
/*----------------------------*/

/*----------------------------*/
/* Get Loan Section Start */
/*----------------------------*/
.get-loan-wrap {
    z-index: 2;
    padding: 160px 166px 160px 0;
}

.get-loan-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    left: -50vw;
    z-index: -1;
    background-color: var(--theme-secondary-color);
    border-radius: 0 60px 60px 0;
    height: 100%;
    pointer-events: none;
}

.get-loan-wrap .h1 {
    font-weight: 900;
    color: var(--theme-primary-color);
    line-height: 0.97222;
}

.get-loan-wrap .h2 {
    font-weight: 900;
    color: var(--theme-white);
    line-height: 1.4583333;
}

.get-loan-wrap p {
    margin: 30px 0 0 0;
    color: var(--theme-white);
    font-size: var(--h5-fs);
    line-height: 1.5;
    max-width: 864px;
}

.get-loan-wrap .btn {
    margin-top: 42px;
}

.approve-block {
    margin-top: 0;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 338px;
    background-color: var(--theme-light-gray);
    border-radius: 36px;
    z-index: 3;
}

.approve-block .h4 {
    padding: 30px 52px 27px;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.approve-block .approved-icon {
    position: absolute;
    top: 18px;
    right: 18px;
}

.get-loan-right {
    padding: 67px 0 0 0;
    min-width: calc((100vw - 1710px) / 2 + 15px + 100%);
}

.image-hand-img {
    border-radius: 60px 0 0 60px;
    width: 100%;
}

.image-hand-img::after {
    content: "";
    display: block;
    padding: 45.64% 50%;
}

.image-hand-img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.theme-title:has(p) h2 {
    margin-bottom: 18px;
}

.theme-title p {
    margin: 0;
}

.quiz-section {
    border-radius: 18px;
    background-color: var(--ft-common-white);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.hash-wizard-menu {
    display: flex;
    gap: 50px;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.hash-wizard-steps-content.active {
    display: flex;
}

.quiz-section .main-stap-form-progressbar {
    margin: 0 auto 18px;
}

.hash-wizard-steps-content {
    width: 100%;
    display: none;
}

.hash-wizard-steps-content .hash-wizard-question {
    width: calc(100% - 150px);
}

.hash-wizard-question .hash-wizard-question-head {
    font-size: var(--h5-fs);
    color: var(--theme-primary-color);
    font-weight: 600;
    margin-bottom: 24px;
}

.hash-wizard-question .hash-wizard-question-body {
    font-size: var(--h4-fs);
    color: var(--theme-secondary-color);
    font-weight: 600;
    margin-bottom: 24px;
}

.hash-wizard-question .hash-wizard-content-success,
.hash-wizard-question .hash-wizard-content-warning {
    margin-top: 20px;
}

.hash-wizard-question .hash-wizard-content-success .theme-button,
.hash-wizard-question .hash-wizard-content-warning .theme-button {
    margin-top: 20px;
}

.hash-wizard-question .hash-wizard-content-success .warning-heading.text-success,
.hash-wizard-question .hash-wizard-content-warning .warning-heading.text-success {
    color: var(--theme-gree-color) !important;
}

.hash-wizard-icon {
    width: 150px;
    margin-left: auto;
}

.hash-wizard-icon-items::before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    background-image: url(../images/logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.wizard-address-box {
    padding: 0 0 0 33px;
}

.wizard-address-box p {
    margin: 0;
}

.wizard-address-box i {
    width: 20px;
    height: 20px;
    top: 3px;
}

.quiz-section-footer {
    padding-top: 18px;
}

.quiz-section-footer p {
    margin-bottom: 0;
}

.wizard-address-box i img {
    height: auto;
    width: 100%;
}

.wizard-address-box-main {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

.quiz-section-footer .row {
    row-gap: 18px;
}

@media (min-width: 1921px) {
    .get-loan-wrap {
        padding: 8.333vw 8.646vw 8.333vw 0;
    }

    .get-loan-wrap:after {
        right: 1.563vw;
        left: -50vw;
        border-radius: 0 3.125vw 3.125vw 0;
    }

    .get-loan-wrap p {
        margin: 1.563vw 0 0 0;
        max-width: 45vw;
    }

    .get-loan-wrap .btn {
        margin-top: 2.188vw;
    }

    .approve-block {
        max-width: 17.604vw;
        border-radius: 1.875vw;
    }

    .approve-block .h4 {
        padding: 1.563vw 2.708vw 1.406vw;
    }

    .approve-block .approved-icon {
        top: 0.938vw;
        right: 0.938vw;
    }

    .approve-block .approved-icon svg {
        width: 1.667vw;
        height: auto;
    }

    .get-loan-right {
        padding: 3.49vw 0 0 0;
        min-width: calc((100vw - 89.063vw) / 2 + 0.781vw + 100%);
    }

    .image-hand-img {
        border-radius: 3.125vw 0 0 3.125vw;
    }

    .theme-title:has(p) h2 {
        margin-bottom: 0.938vw;
    }

    .quiz-section {
        border-radius: 0.938vw;
        box-shadow: 0 0 1.25vw rgba(0, 0, 0, 0.08);
        padding: 1.563vw;
    }

    .hash-wizard-menu {
        gap: 2.604vw;
    }

    .quiz-section .main-stap-form-progressbar {
        margin: 0 auto 0.938vw;
    }

    .hash-wizard-steps-content .hash-wizard-question {
        width: calc(100% - 7.813vw);
    }

    .hash-wizard-question .hash-wizard-question-head {
        margin-bottom: 1.25vw;
    }

    .hash-wizard-question .hash-wizard-question-body {
        margin-bottom: 1.25vw;
    }

    .hash-wizard-question .hash-wizard-content-success,
    .hash-wizard-question .hash-wizard-content-warning {
        margin-top: 1.042vw;
    }

    .hash-wizard-question .hash-wizard-content-success .theme-button,
    .hash-wizard-question .hash-wizard-content-warning .theme-button {
        margin-top: 1.042vw;
    }

    .hash-wizard-icon {
        width: 7.813vw;
    }

    .hash-wizard-icon-items::before {
        width: 5.208vw;
        height: 5.208vw;
    }

    .wizard-address-box {
        padding: 0 0 0 1.719vw;
    }

    .wizard-address-box i {
        width: 1.042vw;
        height: 1.042vw;
        top: 0.156vw;
    }

    .quiz-section-footer {
        padding-top: 0.938vw;
    }

    .quiz-section-footer .row {
        row-gap: 0.938vw;
    }
}

/*----------------------------*/
/* Get Loan Section End */
/*----------------------------*/

/*----------------------------*/
/* We Offer Section Start */
/*----------------------------*/
.we-offer-box {
    -ms-flex-direction: column;
    flex-direction: column;
}

.we-offer-box .we-offer-image {
    border-radius: 36px;
    margin-bottom: 30px;
}

.we-offer-box .we-offer-image::after {
    content: "";
    display: block;
    padding: 39.078% 50%;
}

.we-offer-discription {
    background-color: var(--theme-light-gray);
    border-radius: 36px;
    padding: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.we-offer-discription .offer-discription-top {
    text-align: center;
}

.we-offer-box:hover .we-offer-discription {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.we-offer-discription .h4 {
    padding-bottom: 18px;
}

.we-offer-box:hover .we-offer-discription .h4 a {
    color: var(--theme-primary-color);
}

.we-offer-box:hover .we-offer-discription .h4 a:hover {
    color: var(--theme-secondary-color);
}

.we-offer-discription p {
    margin: 0;
    line-height: 1.4444444;
}

.we-offer-discription:not(:has(p)) .h4 {
    padding-bottom: 0;
}

.we-offer-discription .offer-discription-button {
    margin-top: 30px;
}

.offer-discription-button a {
    font-weight: 900;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
}

/* .we-offer-box:hover .offer-discription-button a {
    color: var(--theme-primary-color);
}
.we-offer-box:hover .offer-discription-button a:hover {
    color: var(--theme-secondary-color);
} */
.offer-discription-button a i {
    margin-left: 6px;
}

.we-offer-list .row [class^="col-"]:nth-child(2n + 2) .we-offer-box {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.we-offer-list .row [class^="col-"]:nth-child(2n + 2) .we-offer-box .we-offer-image {
    margin-bottom: 0;
    margin-top: 30px;
}

.we-offer-list .row {
    row-gap: 30px;
}

.we-offer-inner .we-offer-button {
    padding-top: 30px;
}

/* .slick-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease-in-out !important;
    transform: scale(0.8) !important;
    transform-origin: center center;
  }

  .slick-slide.slick-slide-active {
    transform: scale(1) !important;
  } */

@media (min-width: 1921px) {
    .we-offer-box .we-offer-image {
        border-radius: 1.875vw;
        margin-bottom: 1.563vw;
    }

    .we-offer-discription {
        border-radius: 1.875vw;
        padding: 1.563vw;
    }

    .we-offer-discription .h4 {
        padding-bottom: 0.938vw;
    }

    .we-offer-discription .offer-discription-button {
        margin-top: 1.563vw;
    }

    .offer-discription-button a i {
        margin-left: 0.313vw;
    }

    .we-offer-list .row [class^="col-"]:nth-child(2n + 2) .we-offer-box .we-offer-image {
        margin-top: 1.563vw;
    }

    .we-offer-list .row {
        row-gap: 1.563vw;
    }

    .we-offer-inner .we-offer-button {
        padding-top: 1.563vw;
    }

    /* .slick-slide {
        font-size: 0.938vw;
      }
    */
}

/*----------------------------*/
/* We Offer Section End */
/*----------------------------*/

/*----------------------------*/
/* Portfolio Section Start */
/*----------------------------*/
.portfolio-left .theme-title {
    padding-bottom: 30px;
}

.portfolio-left p {
    margin-bottom: 0;
}

.portfolio-right {
    max-width: 714px;
}

.portfolio-slider-block {
    background-color: var(--theme-secondary-color);
    padding: 30px 30px 47px 30px;
    border-radius: 36px;
    -webkit-transition: background-color 0.8s ease-in-out;
    -moz-transition: background-color 0.8s ease-in-out;
    -ms-transition: background-color 0.8s ease-in-out;
    transition: background-color 0.8s ease-in-out;
}

.portfolio-slider-img {
    width: 110px;
    padding: 16px;
}

.portfolio-slider-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='114' height='114' viewBox='0 0 114 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M112 57C112 87.374 87.3757 112 57 112C26.6243 112 2 87.374 2 57C2 26.626 26.6243 2 57 2' stroke='white' stroke-opacity='0.2' stroke-width='4' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: spin 10s linear 0s infinite reverse;
    -moz-animation: spin 10s linear 0s infinite reverse;
    -ms-animation: spin 10s linear 0s infinite reverse;
    -o-animation: spin 10s linear 0s infinite reverse;
    animation: spin 10s linear 0s infinite reverse;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.portfolio-slider-img span {
    width: 100%;
    border: solid 4px color-mix(in srgb, var(--theme-white) 20%, transparent);
}

.portfolio-slider-img span:after {
    content: "";
    display: block;
    padding: 50% 50%;
}

.portfolio-slider-img span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio-slider-detail {
    width: calc(100% - 110px);
    padding: 0 0 0 30px;
}

.portfolio-slider-header {
    z-index: 2;
}

.portfolio-slider-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='152' height='111' viewBox='0 0 152 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M150 42.3268C150 76.8572 127.628 103.596 95.4391 108.697L95.4391 91.906C113.626 87.9785 126.873 76.027 126.873 60.035L126.873 57.1459L124.168 58.1631C120.929 59.3816 117.292 60.1945 112.816 60.1945C105.56 60.1945 99.2059 57.5748 94.6626 52.8691C90.1202 48.1642 87.2578 41.2365 87.2578 32.393C87.2578 23.3524 90.3233 15.7759 95.5147 10.4685C100.702 5.16542 108.136 2 117.122 2C126.661 1.99999 134.818 5.85068 140.621 12.7346C146.445 19.6435 150 29.7366 150 42.3268ZM64.7422 42.3268C64.7422 76.8572 42.3706 103.596 10.1813 108.697L10.1813 91.9062C28.3769 87.9818 42.0453 76.0272 42.0453 59.6031L42.0453 56.3626L39.1487 57.8153C36.0266 59.3812 32.4676 60.1945 27.9887 60.1945C20.7293 60.1945 14.2591 57.5715 9.60511 52.8537C4.9568 48.1416 2.00001 41.2162 2.00001 32.393C2.00001 23.3524 5.06556 15.7759 10.2569 10.4686C15.4442 5.16542 22.878 2 31.864 2C41.4036 2 49.5599 5.85069 55.3632 12.7346C61.1876 19.6435 64.7422 29.7366 64.7422 42.3268Z' stroke='white' stroke-opacity='0.2' stroke-width='4'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 152px;
    height: 111px;
    z-index: -1;
}

.portfolio-slider-name {
    margin-bottom: 12px;
}

.portfolio-slider-name .h5 {
    color: var(--theme-white);
    font-weight: 700;
}

.portfolio-slider-name .h5 sub {
    font-size: var(--p2-fs);
    bottom: 0;
}

.portfolio-slider-rating ul {
    margin: 0 -3px;
}

.portfolio-slider-rating ul li {
    padding: 0 3px;
}

.portfolio-slider-rating strong {
    font-weight: 900;
    color: var(--theme-white);
    margin-left: 8px;
}

.portfolio-slider-content {
    margin-top: 40px;
    padding-top: 42px;
    border-top: solid 1px color-mix(in srgb, var(--theme-white) 20%, transparent);
}

.portfolio-slider-content p {
    color: var(--theme-white);
    margin: 0;
    text-align: justify;
}

.portfolio-slider .slick-dots {
    position: relative;
    bottom: auto;
    left: auto;
    top: auto;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.portfolio-slider .slick-dots li {
    display: -ms-flexbox;
    display: flex;
    margin: 0 9px;
}

.portfolio-slider .slick-dots li button {
    width: 30px;
    height: 4px;
    background-color: var(--theme-secondary-color);
    opacity: 0.18;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 0;
}

.portfolio-slider .slick-dots li.slick-active button {
    opacity: 1;
    width: 60px;
}

.portfolio-slider .slick-list {
    overflow: visible;
    /* margin: 0 -15px; */
}

.portfolio-slider .slick-slide {
    /* margin: 0 15px; */
}

.portfolio-inner .row>[class^="col-"] {
    position: relative;
    z-index: 3;
}

.portfolio-inner .row>[class^="col-"]:last-child {
    z-index: 2;
}

.portfolio-inner .row>[class^="col-"]:last-child::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 100%;
    background-color: var(--theme-white);
    width: 100vw;
    bottom: -1px;
}

.portfolio-slider .slick-slide {
    -webkit-transform: scale(0.77465);
    -moz-transform: scale(0.77465);
    -ms-transform: scale(0.77465);
    transform: scale(0.77465);
    -webkit-transition: transform 0.8s ease-in-out;
    -moz-transition: transform 0.8s ease-in-out;
    -ms-transition: transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.portfolio-slider .slick-slide.slick-current.slick-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-slider .slick-slide:not(.slick-current):not(.slick-active) .portfolio-slider-block {
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 70%,
            transparent);
}

@media (min-width: 1921px) {
    .portfolio-left .theme-title {
        padding-bottom: 1.563vw;
    }

    .portfolio-right {
        max-width: 37.188vw;
    }

    .portfolio-slider-block {
        padding: 1.563vw 1.563vw 2.448vw 1.563vw;
        border-radius: 1.875vw;
    }

    .portfolio-slider-img {
        width: 5.729vw;
        padding: 0.833vw;
    }

    .portfolio-slider-img span {
        border: solid 0.208vw color-mix(in srgb, var(--theme-white) 20%, transparent);
    }

    .portfolio-slider-detail {
        width: calc(100% - 5.729vw);
        padding: 0 0 0 1.563vw;
    }

    .portfolio-slider-header::after {
        width: 7.917vw;
        height: 5.781vw;
    }

    .portfolio-slider-name {
        margin-bottom: 0.625vw;
    }

    .portfolio-slider-rating ul {
        margin: 0 -0.156vw;
    }

    .portfolio-slider-rating ul li {
        padding: 0 0.156vw;
    }

    .portfolio-slider-rating ul li img {
        width: 0.99vw;
        height: auto;
    }

    .portfolio-slider-rating strong {
        margin-left: 0.417vw;
    }

    .portfolio-slider-content {
        margin-top: 2.083vw;
        padding-top: 2.188vw;
        border-top: solid 0.052vw color-mix(in srgb, var(--theme-white) 20%, transparent);
    }

    .portfolio-slider .slick-dots {
        padding-top: 1.563vw;
    }

    .portfolio-slider .slick-dots li {
        margin: 0 0.469vw;
    }

    .portfolio-slider .slick-dots li button {
        width: 1.563vw;
        height: 0.208vw;
        border-radius: 0.26vw;
    }

    .portfolio-slider .slick-dots li.slick-active button {
        width: 3.125vw;
    }

    .portfolio-inner .row>[class^="col-"]:last-child::after {
        top: -0.052vw;
        bottom: -0.052vw;
    }
}

/*----------------------------*/
/* Portfolio Section End */
/*----------------------------*/

/*----------------------------*/
/* FAQ Section Start */
/*----------------------------*/
.faq-list .accordion-item {
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    background-color: var(--theme-light-gray);
    border-radius: 36px;
}

.faq-list .accordion-item:has(.accordion-button:not(.collapsed)) {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.faq-list .accordion-item+.accordion-item {
    margin-top: 30px !important;
}

.accordion-item .accordion-button {
    padding: 25px 70px 25px 30px;
    color: var(--theme-secondary-color);
    font-size: 18px;
}

.accordion-item .accordion-button.collapsed span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    white-space: nowrap;
}

.accordion-item .accordion-button:not(.collapsed) {
    color: var(--theme-primary-color);
}

.accordion-item .accordion-body a {
    text-decoration: underline;
}

.accordion-item .accordion-body {
    padding: 5px 30px 30px;
}

.accordion-item .accordion-body p {
    margin: 0;
}

.cms-block ol li+li,
.cms-block ul li+li {
    margin-top: 5px;
}

.cms-block ol li a,
.cms-block ul li a,
.cms-block p a {
    color: var(--theme-primary-color);
}

.cms-block ol li a:hover,
.cms-block ul li a:hover,
.cms-block p a:hover {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.cms-block ol li,
.cms-block ul li,
.accordion-body ul li {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.cms-block ol {
    list-style: decimal;
}

.cms-block ul,
.accordion-item .accordion-body ul {
    list-style: disc;
}

.cms-block ul,
.cms-block ol {
    margin-bottom: 26px;
}

.accordion-item .accordion-body ul+p,
.accordion-item .accordion-body p+ul,
.accordion-item .accordion-body ul+ul,
.accordion-item .accordion-body p+p {
    margin-top: 26px;
}

.accordion-item .accordion-button::after {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--theme-secondary-color);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='12' width='2' height='22' transform='rotate(-90 0 12)' fill='white'/%3e%3crect x='10' width='2' height='22' fill='white'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='12' width='2' height='22' transform='rotate(-90 0 12)' fill='white'/%3e%3c/svg%3e ");
    background-color: var(--theme-primary-color);
}

.faq-button {
    padding-top: 30px;
    width: 100%;
}

@media (min-width: 1921px) {
    .faq-list .accordion-item {
        border-radius: 1.875vw;
    }

    .faq-list .accordion-item+.accordion-item {
        margin-top: 1.563vw !important;
    }

    .accordion-item .accordion-button {
        padding: 1.302vw 3.646vw 1.302vw 1.563vw;
        font-size: 0.938vw;
    }

    .accordion-item .accordion-body {
        padding: 5px 1.563vw 1.563vw;
    }

    .accordion-item .accordion-body ul {
        padding-left: 1.667vw;
    }

    .cms-block ul,
    .cms-block ol {
        margin-bottom: 1.354vw;
    }

    .accordion-item .accordion-body ul+p,
    .accordion-item .accordion-body p+ul,
    .accordion-item .accordion-body ul+ul,
    .accordion-item .accordion-body p+p {
        margin-top: 1.354vw;
    }

    .accordion-item .accordion-button::after {
        top: 0.938vw;
        right: 0.938vw;
        width: 1.979vw;
        height: 1.979vw;
        background-size: 1.146vw auto;
    }

    .faq-button {
        padding-top: 1.563vw;
    }
}

/*----------------------------*/
/* FAQ Section End */
/*----------------------------*/

/*----------------------------*/
/* Bank Partner Section Start */
/*----------------------------*/
.hero+.partner-section {
    padding-top: calc(var(--section-padding) * 2);
}

.partner-content .theme-title {
    padding-bottom: 30px;
}

.partner-content p {
    margin-bottom: 0;
}

.partner-logos-list {
    background-color: var(--theme-light-gray);
    border-radius: 36px;
    padding: 18px 30px;
    overflow: hidden;
}

.partner-logos-list ul {
    margin: 0 -15px;
    row-gap: 37px;
}

.partner-logos-list ul li {
    padding: 0 15px;
    width: 25%;
}

.partner-logos-list ul li h5,
.partner-logos-list ul li .h5 {
    text-align: center;
    width: 100%;
    font-style: normal;
}

.partner-logos-list ul li i {
    width: 100%;
    height: 80px;
    background-color: var(--theme-white);
    border-radius: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 15px;
}

.partner-logos-list ul li i img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    /* filter: brightness(0) saturate(100%) invert(87%) sepia(0%) saturate(127%) hue-rotate(144deg) brightness(102%) contrast(75%); */
    filter: grayscale(100%);
}

.partner-logos-list ul li i:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
}

.partner-logos-list ul li i:hover img {
    filter: none;
}

.partner-logos-list ul li:nth-child(4n + 1):not(:first-child):after {
    content: "";
    position: absolute;
    top: -19px;
    left: -100vw;
    right: -100vw;
    height: 1px;
    background-color: var(--theme-white);
}

@media (min-width: 1921px) {
    .partner-content .theme-title {
        padding-bottom: 1.563vw;
    }

    .partner-logos-list {
        border-radius: 1.875vw;
        padding: 0.938vw 1.563vw;
    }

    .partner-logos-list ul {
        margin: 0 -0.781vw;
        row-gap: 1.927vw;
    }

    .partner-logos-list ul li {
        padding: 0 0.781vw;
    }

    .partner-logos-list ul li i {
        height: 4.167vw;
        border-radius: 0.938vw;
        padding: 0.26vw 0.781vw;
    }

    .partner-logos-list ul li i img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .partner-logos-list ul li i:hover {
        box-shadow: 0 0.208vw 0.208vw 0 rgba(0, 0, 0, 0.06);
    }

    .partner-logos-list ul li:nth-child(4n + 1):not(:first-child):after {
        top: -0.99vw;
        height: 0.052vw;
    }
}

/*----------------------------*/
/* Bank Partner Section End */
/*----------------------------*/

/*----------------------------*/
/* Contact Section Start */
/*----------------------------*/
.contact-section {
    padding-bottom: 219px;
}

.contact-content .theme-title {
    padding-bottom: 30px;
}

.form-contact-wrap .h3,
.form-contact-wrap h3 {
    font-weight: 700;
    padding: 0 0 30px 0;
    margin: 0;
}

.form-contact-wrap {
    padding: 30px;
    background-color: var(--theme-light-gray);
    border-radius: 36px;
}

.form-contact-wrap .contact-form-wrap:after {
    background-color: var(--theme-light-gray);
}

.contact-form-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-white);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.contact-form-wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -14px;
    width: 28px;
    height: 28px;
    border: 3px solid var(--theme-secondary-color);
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: rotation 1s linear infinite;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.modal-content .input-group .input-text {
    border: solid 1px var(--theme-light-gray-100);
}

/* .btn-opt-resend  */
.resend-otp-btn p a[data-bs-toggle="modal"] {
    text-decoration: underline;
    color: var(--theme-primary-color);
}

.resend-otp-btn p a[data-bs-toggle="modal"]:hover {
    color: var(--theme-secondary-color);
}

.resend-otp-btn p button:hover {
    color: var(--theme-primary-color);
}

.resend-otp-btn p button {
    font-size: var(--p2-fs);
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}

.reload-btn {
    background-color: var(--theme-primary-color) !important;
    border: none !important;
    position: relative;
    padding: 0 22px;
}

.reload-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    width: 18px;
    height: 18px;
    z-index: 2;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath fill='%23ffffff' d='M7.248 1.307A.75.75 0 118.252.193l2.5 2.25a.75.75 0 010 1.114l-2.5 2.25a.75.75 0 01-1.004-1.114l1.29-1.161a4.5 4.5 0 103.655 2.832.75.75 0 111.398-.546A6 6 0 118.018 2l-.77-.693z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-group:has(.loading-text:not(.d-none)) .reload-btn:after {
    animation: rotation 1s linear infinite;
}

.process-loading-text,
.loading-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.loading-text.radio-loading {
    left: -0.5rem;
}

.process-loading-text,
.loading-text.files {
    background: color-mix(in srgb,
            var(--theme-secondary-dark-color) 50%,
            transparent) !important;
    cursor: not-allowed;
}

.captcha-img {
    border-radius: 50px 0 0 50px;
}

.text-danger,
.invalid-feedback {
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px;
}

.form-col-submit p+p,
.form-col-submit p+.btn,
.form-col-submit .btn+p,
.resend-otp-btn p+.resend-otp-btn-wrap,
.resend-otp-btn p+p {
    margin-top: 10px;
}

.active-forms.contact-form-wrap:after {
    opacity: 0.5;
    visibility: visible;
}

.active-forms.contact-form-wrap:before {
    opacity: 1;
    visibility: visible;
}

.form-row {
    margin: 0 -15px;
    row-gap: 30px;
}

.form-row .form-col {
    width: 100%;
    position: relative;
    padding: 0 15px;
}

.form-row .form-col.form-col-half {
    width: 50%;
}

.table-input-fields ::-webkit-input-placeholder,
.custom-group-value ::-webkit-input-placeholder,
.input-group ::-webkit-input-placeholder {
    color: var(--theme-secondary-color) !important;
    opacity: 0.5 !important;
}

.table-input-fields :-moz-placeholder,
.custom-group-value :-moz-placeholder,
.input-group :-moz-placeholder {
    opacity: 0.5 !important;
    color: var(--theme-secondary-color) !important;
}

.table-input-fields ::-moz-placeholder,
.custom-group-value ::-moz-placeholder,
.input-group ::-moz-placeholder {
    opacity: 0.5 !important;
    color: var(--theme-secondary-color) !important;
}

.table-input-fields :-ms-input-placeholder,
.custom-group-value :-ms-input-placeholder,
.input-group :-ms-input-placeholder {
    color: var(--theme-secondary-color) !important;
    opacity: 0.5 !important;
}

.input-group .input-text {
    width: 100%;
    height: 54px;
    background-color: var(--theme-white);
    padding: 0 60px 0 20px;
    border: none;
    border-radius: 54px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--p2-fs);
    font-weight: 400;
    color: var(--theme-secondary-color);
    background-position: center right 20px;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.input-group .input-text[disabled] {
    background-color: var(--theme-light-gray);
    border-color: var(--theme-light-gray) !important;
}

.input-group textarea.input-text {
    border-radius: 18px !important;
    padding: 16px 20px;
    height: 160px;
    resize: none;
}

.input-group.input-name .input-text {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_130_437)'%3e%3cpath d='M10 10.5117C10.9889 10.5117 11.9556 10.2185 12.7779 9.66907C13.6001 9.11966 14.241 8.33877 14.6194 7.42514C14.9978 6.51151 15.0969 5.50617 14.9039 4.53627C14.711 3.56636 14.2348 2.67545 13.5355 1.97619C12.8363 1.27692 11.9454 0.800721 10.9755 0.607795C10.0055 0.414868 9.00021 0.513885 8.08658 0.892323C7.17295 1.27076 6.39206 1.91162 5.84265 2.73387C5.29324 3.55612 5 4.52281 5 5.51172C5.00132 6.8374 5.52853 8.1084 6.46593 9.04579C7.40332 9.98319 8.67432 10.5104 10 10.5117ZM10 2.17839C10.6593 2.17839 11.3037 2.37388 11.8519 2.74016C12.4001 3.10643 12.8273 3.62702 13.0796 4.23611C13.3319 4.8452 13.3979 5.51542 13.2693 6.16202C13.1407 6.80863 12.8232 7.40257 12.357 7.86874C11.8908 8.33492 11.2969 8.65239 10.6503 8.78101C10.0037 8.90962 9.33348 8.84361 8.72439 8.59132C8.1153 8.33903 7.59471 7.91179 7.22843 7.36362C6.86216 6.81546 6.66667 6.17099 6.66667 5.51172C6.66667 4.62767 7.01786 3.77982 7.64298 3.1547C8.2681 2.52958 9.11594 2.17839 10 2.17839Z' fill='%231A2833' fill-opacity='0.3'/%3e%3cpath d='M10 12.1782C8.01155 12.1804 6.10518 12.9713 4.69914 14.3774C3.29309 15.7834 2.50221 17.6898 2.5 19.6782C2.5 19.8992 2.5878 20.1112 2.74408 20.2675C2.90036 20.4238 3.11232 20.5116 3.33333 20.5116C3.55435 20.5116 3.76631 20.4238 3.92259 20.2675C4.07887 20.1112 4.16667 19.8992 4.16667 19.6782C4.16667 18.1311 4.78125 16.6474 5.87521 15.5534C6.96917 14.4595 8.4529 13.8449 10 13.8449C11.5471 13.8449 13.0308 14.4595 14.1248 15.5534C15.2188 16.6474 15.8333 18.1311 15.8333 19.6782C15.8333 19.8992 15.9211 20.1112 16.0774 20.2675C16.2337 20.4238 16.4457 20.5116 16.6667 20.5116C16.8877 20.5116 17.0996 20.4238 17.2559 20.2675C17.4122 20.1112 17.5 19.8992 17.5 19.6782C17.4978 17.6898 16.7069 15.7834 15.3009 14.3774C13.8948 12.9713 11.9884 12.1804 10 12.1782Z' fill='%231A2833' fill-opacity='0.3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_130_437'%3e%3crect width='20' height='20' fill='white' transform='translate(0 0.511719)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.input-group.input-email .input-text {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_130_442)'%3e%3cpath d='M15.8333 1.34521H4.16667C3.062 1.34654 2.00296 1.78595 1.22185 2.56706C0.440735 3.34818 0.00132321 4.40722 0 5.51188L0 15.5119C0.00132321 16.6165 0.440735 17.6756 1.22185 18.4567C2.00296 19.2378 3.062 19.6772 4.16667 19.6785H15.8333C16.938 19.6772 17.997 19.2378 18.7782 18.4567C19.5593 17.6756 19.9987 16.6165 20 15.5119V5.51188C19.9987 4.40722 19.5593 3.34818 18.7782 2.56706C17.997 1.78595 16.938 1.34654 15.8333 1.34521ZM4.16667 3.01188H15.8333C16.3323 3.01286 16.8196 3.16314 17.2325 3.44338C17.6453 3.72363 17.9649 4.121 18.15 4.58438L11.7683 10.9669C11.2987 11.4346 10.6628 11.6973 10 11.6973C9.33715 11.6973 8.70131 11.4346 8.23167 10.9669L1.85 4.58438C2.03512 4.121 2.35468 3.72363 2.76754 3.44338C3.1804 3.16314 3.66768 3.01286 4.16667 3.01188ZM15.8333 18.0119H4.16667C3.50363 18.0119 2.86774 17.7485 2.3989 17.2796C1.93006 16.8108 1.66667 16.1749 1.66667 15.5119V6.76188L7.05333 12.1452C7.83552 12.9254 8.89521 13.3636 10 13.3636C11.1048 13.3636 12.1645 12.9254 12.9467 12.1452L18.3333 6.76188V15.5119C18.3333 16.1749 18.0699 16.8108 17.6011 17.2796C17.1323 17.7485 16.4964 18.0119 15.8333 18.0119Z' fill='%231A2833' fill-opacity='0.3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_130_442'%3e%3crect width='20' height='20' fill='white' transform='translate(0 0.511719)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.input-group.input-number .input-text {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_130_431)'%3e%3cpath d='M10.8335 1.34492C10.8335 1.1239 10.9213 0.911943 11.0776 0.755662C11.2338 0.599382 11.4458 0.511585 11.6668 0.511585C13.8762 0.514011 15.9944 1.39276 17.5567 2.95504C19.119 4.51732 19.9977 6.63553 20.0002 8.84492C20.0002 9.06593 19.9124 9.27789 19.7561 9.43417C19.5998 9.59046 19.3878 9.67825 19.1668 9.67825C18.9458 9.67825 18.7338 9.59046 18.5776 9.43417C18.4213 9.27789 18.3335 9.06593 18.3335 8.84492C18.3315 7.07742 17.6285 5.38288 16.3787 4.13307C15.1289 2.88325 13.4343 2.18024 11.6668 2.17825C11.4458 2.17825 11.2338 2.09045 11.0776 1.93417C10.9213 1.77789 10.8335 1.56593 10.8335 1.34492ZM11.6668 5.51158C12.5509 5.51158 13.3987 5.86277 14.0238 6.4879C14.649 7.11302 15.0002 7.96086 15.0002 8.84492C15.0002 9.06593 15.0879 9.27789 15.2442 9.43417C15.4005 9.59046 15.6125 9.67825 15.8335 9.67825C16.0545 9.67825 16.2665 9.59046 16.4227 9.43417C16.579 9.27789 16.6668 9.06593 16.6668 8.84492C16.6655 7.51924 16.1383 6.24824 15.2009 5.31085C14.2635 4.37345 12.9925 3.84624 11.6668 3.84492C11.4458 3.84492 11.2338 3.93272 11.0776 4.089C10.9213 4.24528 10.8335 4.45724 10.8335 4.67825C10.8335 4.89927 10.9213 5.11123 11.0776 5.26751C11.2338 5.42379 11.4458 5.51158 11.6668 5.51158ZM19.2443 14.4608C19.7272 14.945 19.9984 15.601 19.9984 16.2849C19.9984 16.9688 19.7272 17.6248 19.2443 18.1091L18.486 18.9833C11.661 25.5174 -4.94735 8.91325 1.48598 2.06658L2.44432 1.23325C2.92913 0.763816 3.57926 0.504126 4.25407 0.510364C4.92888 0.516602 5.57411 0.788267 6.05015 1.26658C6.07598 1.29242 7.62015 3.29825 7.62015 3.29825C8.07834 3.77961 8.33341 4.41903 8.33232 5.08359C8.33123 5.74815 8.07408 6.38673 7.61432 6.86658L6.64932 8.07992C7.18336 9.37751 7.96854 10.5568 8.95974 11.55C9.95095 12.5432 11.1286 13.3308 12.4252 13.8674L13.646 12.8966C14.1259 12.4372 14.7644 12.1803 15.4287 12.1794C16.0931 12.1785 16.7323 12.4335 17.2135 12.8916C17.2135 12.8916 19.2185 14.4349 19.2443 14.4608ZM18.0977 15.6724C18.0977 15.6724 16.1035 14.1383 16.0777 14.1124C15.906 13.9422 15.674 13.8467 15.4322 13.8467C15.1905 13.8467 14.9585 13.9422 14.7868 14.1124C14.7643 14.1358 13.0835 15.4749 13.0835 15.4749C12.9702 15.5651 12.8354 15.6242 12.6924 15.6464C12.5493 15.6686 12.4029 15.6532 12.2677 15.6016C10.588 14.9762 9.06243 13.9972 7.79418 12.7308C6.52593 11.4644 5.54465 9.94028 4.91682 8.26159C4.86115 8.12446 4.843 7.97499 4.86424 7.82853C4.88547 7.68208 4.94533 7.54391 5.03765 7.42825C5.03765 7.42825 6.37682 5.74658 6.39932 5.72492C6.56954 5.55324 6.66505 5.32127 6.66505 5.0795C6.66505 4.83774 6.56954 4.60576 6.39932 4.43408C6.37348 4.40908 4.83932 2.41325 4.83932 2.41325C4.66507 2.25701 4.43765 2.17333 4.20369 2.17937C3.96973 2.18542 3.74694 2.28072 3.58098 2.44575L2.62265 3.27908C-2.07902 8.93242 12.3135 22.5266 17.2677 17.8449L18.0268 16.9699C18.2047 16.8051 18.3116 16.5776 18.3248 16.3355C18.338 16.0934 18.2566 15.8556 18.0977 15.6724Z' fill='%231A2833' fill-opacity='0.3'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_130_431'%3e%3crect width='20' height='20' fill='white' transform='translate(0 0.511719)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.form-col-submit .btn {
    min-width: 209px;
}

.form-col-submit p {
    text-align: center;
    font-size: var(--p2-fs);
}

.contact-shap-block {
    right: -183px;
    bottom: calc(-219px + -75px);
    width: 1363px;
    height: 893px;
}

.contact-shap-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1921px) {
    .contact-section {
        padding-bottom: 11.406vw;
    }

    .contact-content .theme-title {
        padding-bottom: 1.563vw;
    }

    .form-contact-wrap .h3,
    .form-contact-wrap h3 {
        padding: 0 0 1.563vw 0;
    }

    .form-contact-wrap {
        padding: 1.563vw;
        border-radius: 1.875vw;
    }

    .contact-form-wrap:before {
        margin: -0.729vw 0 0 -0.729vw;
        width: 1.458vw;
        height: 1.458vw;
        border: 0.156vw solid var(--theme-secondary-color);
    }

    .modal-content .input-group .input-text {
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .modal .btn-modal-close svg {
        width: 1.563vw;
        height: auto;
    }

    .reload-btn {
        padding: 0 1.146vw;
    }

    .reload-btn:after {
        margin: -0.469vw 0 0 -0.469vw;
        width: 0.938vw;
        height: 0.938vw;
    }

    .btn-group .captcha-img {
        width: 13.542vw;
        height: 2.813vw;
    }

    .loading-text {
        padding: 0.521vw 0.781vw;
        font-size: 0.833vw;
        border-radius: 2.604vw;
    }

    .captcha-img {
        border-radius: 2.604vw 0 0 2.604vw;
    }

    .text-danger,
    .invalid-feedback {
        font-size: 0.729vw;
        margin-top: 0.313vw;
    }

    .form-col-submit p+p,
    .form-col-submit p+.btn,
    .form-col-submit .btn+p,
    .resend-otp-btn p+.resend-otp-btn-wrap,
    .resend-otp-btn p+p {
        margin-top: 0.521vw;
    }

    .form-row {
        margin: 0 -0.781vw;
        row-gap: 1.563vw;
    }

    .form-row .form-col {
        padding: 0 0.781vw;
    }

    .input-group .input-text {
        height: 2.813vw;
        padding: 0 3.125vw 0 1.042vw;
        border-radius: 2.813vw !important;
        background-position: center right 1.042vw;
        background-size: 1.042vw auto;
    }

    .input-password #basic-default-password {
        height: 2.813vw !important;
    }

    .form-password-toggle .icon-base {
        font-size: 1.3vw !important;
    }

    .input-group textarea.input-text {
        border-radius: 0.938vw !important;
        padding: 0.833vw 1.042vw;
        height: 8.333vw;
    }

    .form-col-submit .btn {
        min-width: 10.885vw;
    }

    .contact-shap-block {
        right: -9.531vw;
        bottom: calc(-11.406vw + -3.906vw);
        width: 70.99vw;
        height: 46.51vw;
    }
}

/*----------------------------*/
/* Contact Section End */
/*----------------------------*/

/*================================================================*/
/* Home Page End */
/*================================================================*/

/*================================================================*/
/* Footer Page Start */
/*================================================================*/
.footer {
    background-color: var(--theme-secondary-color);
    border-radius: 36px 36px 0 0;
}

.footer-top {
    padding: 60px 0;
}

.footer-top-inner {
    gap: 30px;
}

.footer-top-inner .footer-top-left {
    width: 825px;
}

.footer-top-inner .footer-top-right {
    width: 682px;
}

.footer-link-wrap {
    background-color: var(--theme-secondary-dark-color);
    border-radius: 36px;
    padding: 30px;
    gap: 30px;
}

.footer-link-box .h5 {
    color: var(--theme-primary-color);
    line-height: normal;
    font-weight: 700;
    margin: 0;
    padding: 0 0 30px 0;
}

.footer-link-box .footer-link {
    padding: 0;
    margin: 0;
    width: 100%;
    gap: 15px 20px;
    justify-content: space-between;
}

.footer-link-box .footer-link li {
    position: relative;
    padding: 0 0 0 16px;
    color: var(--theme-white);
    display: -ms-flexbox;
    display: flex;
}

.footer-link-box .footer-link li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--theme-white);
}

.footer-link-box .footer-link li a {
    display: -ms-flexbox;
    display: flex;
    color: var(--theme-white);
    font-size: var(--p2-fs);
}

.footer-top .footer-social {
    padding: 0 0 0 0;
    flex: 1;
}

.footer-link-box .footer-link li a:hover {
    color: var(--theme-primary-color);
}

.footer-address-wrap .footer-address-box {
    padding: 0 0 0 33px;
}

.footer-address-wrap .footer-address-box i {
    width: 20px;
    height: 20px;
    top: 1px;
}

.footer-address-wrap .footer-address-box i img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-width: 100%;
}

.footer-address-wrap .footer-address-box,
.footer-address-wrap .footer-address-box a,
.footer-address-wrap .footer-address-box p {
    font-size: var(--p2-fs);
    color: var(--theme-white);
    margin: 0;
}

.footer-address-wrap .footer-address-box a:hover {
    color: var(--theme-primary-color);
}

.footer-address-wrap .footer-address-box+.footer-address-box {
    margin-top: 30px;
}

.footer-left-contact {
    flex: 1;
    padding: 0 0 0 46px;
}

.footer-logo img {
    width: 97px;
    height: auto;
}

.footer-left-contact p {
    font-size: var(--p2-fs);
    color: var(--theme-white);
    margin: 0;
    line-height: 1.625;
}

.footer-social ul {
    margin: 0 -6px;
}

.footer-social ul li {
    padding: 0 6px;
}

.footer-social ul li a {
    width: 42px;
    height: 42px;
}

.footer-social ul li a img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.footer-social li a:hover {
    background-color: var(--theme-primary-color);
}

.footer-bottom {
    background-color: var(--theme-secondary-dark-color);
    padding: 30px 0;
}

.footer-bottom-inner {
    row-gap: 20px;
}

.footer-copyright p {
    font-size: var(--p2-fs);
    color: var(--theme-white);
    margin: 0;
    line-height: 1.625;
}

.footer-copyright p a {
    color: var(--theme-white);
}

.footer-more-link .more-link a {
    color: var(--theme-white);
    font-size: var(--p2-fs);
    margin: 0;
    line-height: 1.625;
}

.footer-copyright p a:hover,
.footer-more-link .more-link a:hover {
    color: var(--theme-primary-color);
}

.footer-more-link .more-link+.more-link::before {
    content: "|";
    color: var(--theme-white);
    font-size: var(--p2-fs);
    margin: 0 28px;
    line-height: 1.625;
}

.footer-link-box.footer-address-box {
    /* min-width: 100%; */
}

.footer-link-box.footer-link-box-1 {
    width: 100%;
}

@media (min-width: 1921px) {
    .footer {
        border-radius: 1.875vw 1.875vw 0 0;
    }

    .footer-top {
        padding: 3.125vw 0;
    }

    .footer-top-inner {
        gap: 1.563vw;
    }

    .footer-top-inner .footer-top-left {
        width: 42.969vw;
    }

    .footer-top-inner .footer-top-right {
        width: 35.521vw;
    }

    .footer-link-wrap {
        border-radius: 1.875vw;
        padding: 1.563vw;
        gap: 1.563vw;
    }

    .footer-link-box .h5 {
        padding: 0 0 1.563vw 0;
    }

    .footer-link-box .footer-link {
        gap: 0.781vw 1.042vw;
    }

    .footer-link-box .footer-link li {
        padding: 0 0 0 0.833vw;
    }

    .footer-link-box .footer-link li:before {
        top: 0.573vw;
        width: 0.26vw;
        height: 0.26vw;
    }

    .footer-top .footer-social {
        padding: 0 0 0 0;
    }

    .footer-address-wrap .footer-address-box {
        padding: 0 0 0 1.719vw;
    }

    .footer-address-wrap .footer-address-box i {
        width: 1.042vw;
        height: 1.042vw;
        top: 0.052vw;
    }

    .footer-address-wrap .footer-address-box i img {
        width: 1.042vw;
        height: auto;
    }

    .footer-address-wrap .footer-address-box+.footer-address-box {
        margin-top: 1.563vw;
    }

    .footer-left-contact {
        padding: 0 0 0 2.396vw;
    }

    .footer-logo img {
        width: 5.052vw;
    }

    .footer-social ul {
        margin: 0 -0.313vw;
    }

    .footer-social ul li {
        padding: 0 0.313vw;
    }

    .footer-social ul li a {
        width: 2.188vw;
        height: 2.188vw;
    }

    .footer-social ul li a img {
        width: 2.188vw;
        height: auto;
    }

    .footer-bottom {
        padding: 1.563vw 0;
    }

    .footer-bottom-inner {
        row-gap: 1.042vw;
    }

    .footer-more-link .more-link+.more-link::before {
        margin: 0 1.458vw;
    }
}

/*================================================================*/
/* Footer Page End */
/*================================================================*/

/*================================================================*/
/* Login Page Start */
/*================================================================*/
.login-section {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

/* .login-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/login-pattern-top.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 855px;
    height: 202px;
    z-index: -1;

}
.login-section::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/login-pattern-bottom.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1262px;
    height: 202px;
    z-index: -1;

} */
.login-form-block {
    width: 610px;
    padding: 50px;
}

.login-image-block {
    width: calc(100% - 610px);
    border-radius: 60px 0 0 60px;
}

.login-image-block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-logo {
    padding: 0 0 30px 0;
}

.login-logo span {
    width: 102px;
    height: 102px;
    background-color: var(--theme-secondary-color);
}

.login-form-block .theme-title {
    padding-bottom: 18px;
}

.login-form-block p {
    margin: 0;
}

.login-wrap-top:has(p) .theme-title {
    padding-bottom: 18px;
}

.login-wrap-top .theme-title {
    padding-bottom: 0;
}

.login-wrap-top {
    padding: 0 0 30px 0;
}

.login-section .input-group .input-text {
    border: solid 1px var(--theme-light-gray-100);
}

.login-section .input-group .input-text:focus {
    border-color: var(--theme-primary-color);
    color: var(--theme-primary-color);
}

.input-conformation input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}

.input-conformation input[type="checkbox"]+label {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    padding: 0 0 0 32px;
    position: relative;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.input-conformation input[type="checkbox"]+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: solid 1px var(--theme-light-gray-100);
    background-color: var(--theme-white);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.input-conformation input[type="checkbox"]+label::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M7 12L9.89075 14.8907V14.8907C9.95114 14.951 10.049 14.9511 10.1094 14.8907V14.8907L17 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 3;
}

.input-conformation input[type="checkbox"]:checked+label:after {
    border-color: var(--theme-primary-color);
    background-color: var(--theme-primary-color);
}

.input-conformation input[type="checkbox"]:checked+label:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.login-section .btn.secondary-btn:hover {
    background-color: var(--theme-white);
}

.input-otp {
    gap: 32px;
}

.input-otp.input-group input.input-text {
    width: calc(25% - 24px);
    padding: 0 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.resend-otp-btn {
    width: 100%;
    margin-top: 18px;
    text-align: center;
}

.resend-otp-btn p {
    font-size: var(--p2-fs);
}

.resend-otp-btn p a {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    display: inline-block;
}

.resend-otp-btn p a:hover {
    color: var(--theme-primary-color);
}

@media (min-width: 1921px) {
    .login-form-block {
        width: 31.77vw;
        padding: 2.6vw;
    }

    .login-image-block {
        width: calc(100% - 31.77vw);
        border-radius: 3.125vw 0 0 3.125vw;
    }

    .login-logo {
        padding: 0 0 1.563vw 0;
    }

    .login-logo span {
        width: 5.313vw;
        height: 5.313vw;
        background-color: var(--theme-secondary-color);
    }

    .login-logo span img {
        width: 3.021vw;
        height: auto;
    }

    .login-form-block .theme-title {
        padding-bottom: 0.938vw;
    }

    .login-form-block p {
        margin: 0;
    }

    .login-wrap-top:has(p) .theme-title {
        padding-bottom: 0.938vw;
    }

    .login-wrap-top {
        padding: 0 0 1.563vw 0;
    }

    .login-section .input-group .input-text {
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .input-conformation input[type="checkbox"]+label {
        padding: 0 0 0 1.667vw;
    }

    .input-conformation input[type="checkbox"]+label:after {
        top: 0.052vw;
        width: 1.25vw;
        height: 1.25vw;
        border-radius: 0.313vw;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .input-conformation input[type="checkbox"]+label::before {
        top: 0.052vw;
        width: 1.25vw;
        height: 1.25vw;
        border-radius: 0.313vw;
    }

    .input-otp {
        gap: 1.667vw;
    }

    .input-otp.input-group input.input-text {
        width: calc(25% - 1.25vw);
        padding: 0 0.521vw;
        font-size: 1.04vw;
    }

    .resend-otp-btn {
        margin-top: 0.938vw;
    }
}

/*================================================================*/
/* Login Page End */
/*================================================================*/

/*================================================================*/
/* About Page Start */
/*================================================================*/
/*----------------------------*/
/* About Banner Start */
/*----------------------------*/

.breadcrumb-main {
    padding-top: 30px;
}

.breadcrumb {
    padding: 0 0 0 30px;
}

.breadcrumb::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_239_2059)'%3e%3cpath d='M17.1368 5.75985L16.485 5.24985H16.5007V1.49985H15.0007V4.0881L10.3867 0.477602C9.57075 -0.161398 8.43 -0.161398 7.614 0.477602L0.86325 5.75985C0.315 6.18885 0 6.83535 0 7.5321V17.9999H6.75V11.2499C6.75 10.8366 7.086 10.4999 7.5 10.4999H10.5C10.914 10.4999 11.25 10.8366 11.25 11.2499V17.9999H18V7.5321C18 6.83535 17.685 6.18885 17.1368 5.75985ZM16.5 16.4999H12.75V11.2499C12.75 10.0094 11.7405 8.99985 10.5 8.99985H7.5C6.2595 8.99985 5.25 10.0094 5.25 11.2499V16.4999H1.5V7.5321C1.5 7.2996 1.605 7.08435 1.788 6.9411L8.538 1.65885C8.81025 1.44585 9.18975 1.44585 9.462 1.65885L16.212 6.9411C16.395 7.08435 16.5 7.2996 16.5 7.5321V16.4999Z' fill='%231A2833'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_239_2059'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.breadcrumb-item {
    font-size: var(--p2-fs);
    font-weight: 500;
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb .breadcrumb-item.active {
    color: var(--theme-primary-color);
}

.hero-about-image-wrap {
    width: calc((100vw - 1710px) / 2 + 15px + 100%);
    padding: 0 0 0 70px;
    display: inline-block;
    vertical-align: top;
}

.hero-about-image-box {
    mask-image: url(../images/about-banner-shap.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: top left;
    float: left;
}

.hero-about-image-box:after {
    content: "";
    display: block;
    /* padding: 38.533% 50%; */
    height: 676px;
}

.hero-about-image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-about-image-wrap .hero-about-image-content {
    position: absolute;
    bottom: 0;
    left: 70px;
    min-height: 84px;
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
    text-align: center;
    font-weight: 900;
    padding: 0 38px;
    border-radius: 50px;
}

.hero-about-content .theme-title {
    max-width: 732px;
}

.hero-about-content .btn {
    margin-top: 16px;
}

@media (min-width: 1921px) {
    .breadcrumb-main {
        padding-top: 1.563vw;
    }

    .breadcrumb {
        padding: 0 0 0 1.563vw;
    }

    .breadcrumb::after {
        top: 0.208vw;
        width: 0.938vw;
        height: 0.938vw;
    }

    .hero-about-image-wrap {
        width: calc((100vw - 89.063vw) / 2 + 0.781vw + 100%);
        padding: 0 0 0 3.646vw;
    }

    .hero-about-image-box:after {
        height: 35.208vw;
    }

    .hero-about-image-wrap .hero-about-image-content {
        left: 3.646vw;
        min-height: 4.375vw;
        padding: 0 1.979vw;
        border-radius: 2.604vw;
    }

    .hero-about-content .theme-title {
        max-width: 38.125vw;
    }

    .hero-about-content .btn {
        margin-top: 0.833vw;
    }
}

/*----------------------------*/
/* About Banner End */
/*----------------------------*/

/*----------------------------*/
/* Work Progress Section Start */
/*----------------------------*/
.work-process-inner .row {
    row-gap: 30px;
}

.work-process-image {
    border-radius: 36px;
}

.work-process-image::after {
    content: "";
    display: block;
    padding: 35.178% 50%;
}

.work-process-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.work-process-dtl {
    padding: 30px 0 0 0;
}

.work-process-dtl .h4 {
    line-height: 1.25;
}

@media (min-width: 1921px) {
    .work-process-inner .row {
        row-gap: 1.563vw;
    }

    .work-process-image {
        border-radius: 1.875vw;
    }

    .work-process-dtl {
        padding: 1.563vw 0 0 0;
    }
}

/*----------------------------*/
/* Work Progress Section End */
/*----------------------------*/
/*----------------------------*/
/* Our Approach Section Start */
/*----------------------------*/
.our-approach-section .about-image-block {
    mask-image: url(../images/our-approach-shap.svg);
}

.our-approach-section .about-image-block:after {
    height: 582px;
}

.our-approach-label {
    position: absolute;
    bottom: 0;
    right: 73px;
    background-color: var(--theme-primary-color);
    border-radius: 50px;
    min-height: 84px;
    color: var(--theme-white);
    text-align: center;
    font-weight: 900;
    min-width: 417px;
    padding: 0 25px;
}

@media (min-width: 1921px) {
    .our-approach-section .about-image-block:after {
        height: 30.313vw;
    }

    .our-approach-label {
        right: 3.802vw;
        border-radius: 2.604vw;
        min-height: 4.375vw;
        min-width: 21.719vw;
        padding: 0 1.302vw;
    }
}

/*----------------------------*/
/* Our Approach Section End */
/*----------------------------*/
/*================================================================*/
/* About Page End */
/*================================================================*/

/*================================================================*/
/* Contact Page Start */
/*================================================================*/
.more-contact-info-row {
    margin: 0 -15px;
    row-gap: 30px;
}

.more-contact-info-row .more-contact-info-col {
    width: 50%;
    padding: 0 15px;
}

.more-contact-info-box {
    background-color: #f8f3f1;
    border-radius: 18px;
    padding: 24px 24px;
    text-align: center;
}

.more-contact-info-box::before {
    left: 12px;
}

.more-contact-info-box::after {
    right: 12px;
}

.more-contact-info-box::before,
.more-contact-info-box::after {
    content: "";
    position: absolute;
    top: 26px;
    bottom: 26px;
    width: 2px;
    background-color: var(--theme-primary-color);
}

.more-contact-info-box .h5 {
    font-weight: 500;
    margin: 0;
    padding: 0 0 18px 0;
    line-height: normal;
    width: 100%;
    text-align: center;
}

.more-contact-info-box .more-contact-information {
    padding: 0 0 0 32px;
}

.more-contact-info-box .more-contact-information i {
    width: 20px;
    height: 100%;
}

.more-contact-info-box .more-contact-information a {
    color: var(--theme-secondary-color);
    font-size: var(--p2-fs);
}

.more-contact-info-box .more-contact-information a:hover {
    color: var(--theme-primary-color);
}

.contact-page .contact-content {
    max-width: 666px;
}

.contact-page .contact-section {
    padding-bottom: 120px;
}

@media (min-width: 1921px) {
    .more-contact-info-row {
        margin: 0 -0.781vw;
        row-gap: 1.563vw;
    }

    .more-contact-info-row .more-contact-info-col {
        padding: 0 0.781vw;
    }

    .more-contact-info-box {
        border-radius: 0.938vw;
        padding: 1.25vw 1.25vw;
    }

    .more-contact-info-box::before {
        left: 0.625vw;
    }

    .more-contact-info-box::after {
        right: 0.625vw;
    }

    .more-contact-info-box::before,
    .more-contact-info-box::after {
        top: 1.354vw;
        bottom: 1.354vw;
        width: 0.104vw;
    }

    .more-contact-info-box .h5 {
        padding: 0 0 0.938vw 0;
    }

    .more-contact-info-box .more-contact-information {
        padding: 0 0 0 1.667vw;
    }

    .more-contact-info-box .more-contact-information i {
        width: 1.042vw;
    }

    .more-contact-info-box .more-contact-information i img {
        width: 1.042vw;
        height: auto;
    }

    .contact-page .contact-content {
        max-width: 34.688vw;
    }

    .contact-page .contact-section {
        padding-bottom: 6.25vw;
    }
}

/*================================================================*/
/* Contact Page End */
/*================================================================*/

/*================================================================*/
/* 404 Page Start */
/*================================================================*/
/* 404 Header Start */
header.header-error {
    background-color: transparent;
    padding: 0;
}

header.header-error .logo {
    padding: 8px 6px 6px 6px;
    background-color: var(--theme-primary-color);
    border-radius: 0 0 80px 80px;
}

header.header-error .logo a {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background-color: var(--theme-secondary-color);
    align-items: center;
    justify-content: center;
}

header.header-error .logo a img {
    height: 87px;
}

.card-box .error-page:has(.suspended-page-image) {
    padding-bottom: 50px;
    min-height: 1px;
}

.error-page {
    min-height: calc(100vh - 150px);
    min-height: calc(var(--vh, 1vh) * 100 - 150px);
    padding-bottom: 100px;
    padding-top: 50px;
}

.error-page-inner {
    max-width: 735px;
    margin: 0 auto;
}

.error-page-image img {
    max-width: 100%;
    height: auto;
}


.error-page-content {
    padding: 42px 0 0 0;
    max-width: 444px;
    margin: 0 auto;
}

.error-page-content h1 {
    font-weight: 700;
    padding: 0 0 12px 0;
    margin: 0;
}

.suspended-page-image.error-page-image img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.error-button {
    padding: 0 0 0 0;
}

@media (min-width:1199px) {
    .error-page-inner {
        max-width: 525px;
    }

    header.header-error .logo a img {
        height: 67px;
    }

    header.header-error .logo a {
        width: 116px;
        height: 116px;
    }

    .error-page {
        min-height: calc(100vh - 130px);
        min-height: calc(var(--vh, 1vh) * 100 - 130px);
        padding-bottom: 70px;
        padding-top: 50px;
    }

    .error-page-content {
        padding: 22px 0 0 0;
        max-width: 444px;
        margin: 0 auto;
    }

}

@media (min-width: 1921px) {
    header.header-error .logo {
        padding: 0.417vw 0.313vw 0.313vw 0.313vw;
        border-radius: 0 0 4.167vw 4.167vw;
    }

    header.header-error .logo a {
        width: 7.083vw;
        height: 7.083vw;
    }

    header.header-error .logo a img {
        height: 4.531vw;
    }

    .card-box .error-page {
        padding-bottom: 2.6vw;
        min-height: 1px;
    }

    .error-page {
        min-height: calc(100vh - 7.813vw);
        min-height: calc(var(--vh, 1vh) * 100 - 7.813vw);
        padding-bottom: 5.208vw;
        padding-top: 2.604vw;
    }

    .error-page-inner {
        max-width: 38.281vw;
    }

    .error-page-image img {
        width: 100%;
        height: auto;
    }

    .error-page-content {
        padding: 2.188vw 0 0 0;
        max-width: 23.125vw;
    }

    .error-page-content h1 {
        padding: 0 0 0.625vw 0;
    }

    .suspended-page-image.error-page-image img {
        width: 20.833vw;
        max-width: 100%;
        height: auto;
    }

    .error-button {
        padding: 0.833vw 0 0 0;
    }
}

/* 404 Header End */
/*================================================================*/
/* 404 Page End */
/*================================================================*/

/**********************************************************************************************************************/
/*================================================================*/
/* Dashbord Design Start */
/*================================================================*/
header.header-dashbord {
    border-radius: 0;
    padding-right: 30px;
    position: fixed !important;
    top: 0;
    left: 0;

    padding: 20px 30px 20px 0;
}

header.header-dashbord .logo a img {
    width: auto;
    height: 66px;
}

header.header-dashbord .logo {
    position: relative;
    padding: 0 30px;
}

header.header-dashbord .logo::after {
    content: "";
    position: absolute;
    top: -20px;
    bottom: -20px;
    right: 0;
    border-right: solid 1px var(--theme-white);
    z-index: 98;
}

.header-dashbord .navigation {
    padding: 0 0 0 30px;
}

.slidebar-nav-btn {
    padding: 0 0 0 30px;
}

.sidebar-hide .sidebar {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media (min-width: 1200px) {
    .application-sidebar-hide.sidebar-hide .sidebar {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .application-sidebar-hide:not(.sidebar-hide) .sidebar {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.sidebar {
    z-index: 99;
    width: 320px;
    top: 106px;
    height: calc(100vh - 106px);
    height: calc((var(--vh, 1vh) * 100) - 106px);
    background-color: var(--theme-secondary-color);
    border-top: solid 1px var(--theme-white);
    padding: 30px 0;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-header {
    color: var(--theme-white);
    font-weight: 900;
    padding: 0 30px 30px 30px;
}

.application-sidebar-hide.sidebar-hide .main-wrap {
    padding-left: 320px;
}

.application-sidebar-hide:not(.sidebar-hide) .main-wrap {
    padding-left: 0;
}

.sidebar-hide .main-wrap {
    padding-left: 0;
}

.main-wrap {
    padding: 106px 0 0 320px;
    position: relative;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    -webkit-transition: padding 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out;
    -ms-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
}

.sidebar-menu {
    padding: 0;
    margin: 0;
}

.sidebar-menu li a {
    padding: 15px 30px;
    font-size: var(--p-fs);
    color: var(--theme-white);
    z-index: 3;
}

.sidebar-menu li:not(.active) a:hover {
    color: var(--theme-primary-color);
}

.sidebar-menu li a i {
    width: 24px;
    height: 24px;
    margin: 0 15px 0 0;
}

.sidebar-menu li a i img {
    max-width: 100%;
    height: auto;
}

.sidebar-menu li.active a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 12px;
    background-color: var(--theme-primary-color);
    border-radius: 0 30px 30px 0;
    z-index: -2;
}

.sidebar-menu li.active a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 21px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--theme-white);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    z-index: -1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.1004 10.586L13.8114 5.29299L12.4004 6.70699L17.6894 12L12.4004 17.293L13.8154 18.707L19.1004 13.414C19.4753 13.0389 19.686 12.5303 19.686 12C19.686 11.4697 19.4753 10.961 19.1004 10.586Z' fill='%23CAA18B'/%3e%3cpath d='M12.8114 11.293L6.81139 5.29299L5.40039 6.70699L10.6894 12L5.40039 17.293L6.81539 18.707L12.8154 12.707C13.0023 12.5189 13.1069 12.2643 13.1062 11.9992C13.1054 11.734 12.9994 11.48 12.8114 11.293Z' fill='%23CAA18B'/%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px auto;
}

.dashbord-wrapper {
    background-color: var(--theme-light-gray);
}

main.content {
    padding: 30px;
}

.page-title {
    padding-bottom: 30px;
}

.page-title.d-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
}

.breadcrumb-dashbord.breadcrumb::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_259_5615)'%3e%3cpath d='M5.25 0.5H3C2.20435 0.5 1.44129 0.816071 0.87868 1.37868C0.316071 1.94129 0 2.70435 0 3.5L0 5.75C0 6.54565 0.316071 7.30871 0.87868 7.87132C1.44129 8.43393 2.20435 8.75 3 8.75H5.25C6.04565 8.75 6.80871 8.43393 7.37132 7.87132C7.93393 7.30871 8.25 6.54565 8.25 5.75V3.5C8.25 2.70435 7.93393 1.94129 7.37132 1.37868C6.80871 0.816071 6.04565 0.5 5.25 0.5ZM6.75 5.75C6.75 6.14782 6.59196 6.52936 6.31066 6.81066C6.02936 7.09196 5.64782 7.25 5.25 7.25H3C2.60218 7.25 2.22064 7.09196 1.93934 6.81066C1.65804 6.52936 1.5 6.14782 1.5 5.75V3.5C1.5 3.10218 1.65804 2.72064 1.93934 2.43934C2.22064 2.15804 2.60218 2 3 2H5.25C5.64782 2 6.02936 2.15804 6.31066 2.43934C6.59196 2.72064 6.75 3.10218 6.75 3.5V5.75Z' fill='%231A2833'/%3e%3cpath d='M15 0.5H12.75C11.9544 0.5 11.1913 0.816071 10.6287 1.37868C10.0661 1.94129 9.75 2.70435 9.75 3.5V5.75C9.75 6.54565 10.0661 7.30871 10.6287 7.87132C11.1913 8.43393 11.9544 8.75 12.75 8.75H15C15.7956 8.75 16.5587 8.43393 17.1213 7.87132C17.6839 7.30871 18 6.54565 18 5.75V3.5C18 2.70435 17.6839 1.94129 17.1213 1.37868C16.5587 0.816071 15.7956 0.5 15 0.5ZM16.5 5.75C16.5 6.14782 16.342 6.52936 16.0607 6.81066C15.7794 7.09196 15.3978 7.25 15 7.25H12.75C12.3522 7.25 11.9706 7.09196 11.6893 6.81066C11.408 6.52936 11.25 6.14782 11.25 5.75V3.5C11.25 3.10218 11.408 2.72064 11.6893 2.43934C11.9706 2.15804 12.3522 2 12.75 2H15C15.3978 2 15.7794 2.15804 16.0607 2.43934C16.342 2.72064 16.5 3.10218 16.5 3.5V5.75Z' fill='%231A2833'/%3e%3cpath d='M5.25 10.25H3C2.20435 10.25 1.44129 10.5661 0.87868 11.1287C0.316071 11.6913 0 12.4544 0 13.25L0 15.5C0 16.2956 0.316071 17.0587 0.87868 17.6213C1.44129 18.1839 2.20435 18.5 3 18.5H5.25C6.04565 18.5 6.80871 18.1839 7.37132 17.6213C7.93393 17.0587 8.25 16.2956 8.25 15.5V13.25C8.25 12.4544 7.93393 11.6913 7.37132 11.1287C6.80871 10.5661 6.04565 10.25 5.25 10.25ZM6.75 15.5C6.75 15.8978 6.59196 16.2794 6.31066 16.5607C6.02936 16.842 5.64782 17 5.25 17H3C2.60218 17 2.22064 16.842 1.93934 16.5607C1.65804 16.2794 1.5 15.8978 1.5 15.5V13.25C1.5 12.8522 1.65804 12.4706 1.93934 12.1893C2.22064 11.908 2.60218 11.75 3 11.75H5.25C5.64782 11.75 6.02936 11.908 6.31066 12.1893C6.59196 12.4706 6.75 12.8522 6.75 13.25V15.5Z' fill='%231A2833'/%3e%3cpath d='M15 10.25H12.75C11.9544 10.25 11.1913 10.5661 10.6287 11.1287C10.0661 11.6913 9.75 12.4544 9.75 13.25V15.5C9.75 16.2956 10.0661 17.0587 10.6287 17.6213C11.1913 18.1839 11.9544 18.5 12.75 18.5H15C15.7956 18.5 16.5587 18.1839 17.1213 17.6213C17.6839 17.0587 18 16.2956 18 15.5V13.25C18 12.4544 17.6839 11.6913 17.1213 11.1287C16.5587 10.5661 15.7956 10.25 15 10.25ZM16.5 15.5C16.5 15.8978 16.342 16.2794 16.0607 16.5607C15.7794 16.842 15.3978 17 15 17H12.75C12.3522 17 11.9706 16.842 11.6893 16.5607C11.408 16.2794 11.25 15.8978 11.25 15.5V13.25C11.25 12.8522 11.408 12.4706 11.6893 12.1893C11.9706 11.908 12.3522 11.75 12.75 11.75H15C15.3978 11.75 15.7794 11.908 16.0607 12.1893C16.342 12.4706 16.5 12.8522 16.5 13.25V15.5Z' fill='%231A2833'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_259_5615'%3e%3crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

.card-box {
    background-color: var(--theme-white);
    border-radius: 24px;
    padding: 30px;
}

.card-header {
    padding: 0 0 30px 0;
    border-bottom: solid 1px var(--theme-light-gray-100);
}

.card-header .btn {
    font-size: var(--p2-fs);
    padding: 6px 6px 6px 18px;
    min-height: 42px;
}

.card-header .btn i {
    margin-left: 15px;
    width: 30px;
    height: 30px;
}

.datatable-wrap .dt-container .data-table-header {
    margin-top: 0 !important;
    padding-top: 30px;
}

.datatable-wrap .data-table-header .dt-search {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.notification-table .data-table-header .dt-search .form-control,
.datatable-wrap .data-table-header .dt-search .form-control {
    width: 100%;
    max-width: 260px;
    height: 42px;
    background-color: var(--theme-white);
    padding: 0 20px 0 41px;
    margin: 0;
    border-radius: 42px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--p2-fs);
    font-weight: 400;
    color: var(--theme-secondary-color);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_259_5643)'%3e%3cpath d='M13.8292 13.0042L10.3473 9.52233C11.2961 8.36185 11.7627 6.88105 11.6504 5.38624C11.538 3.89143 10.8555 2.49698 9.74388 1.4913C8.63226 0.48563 7.17663 -0.0543142 5.67807 -0.0168456C4.17952 0.020623 2.75269 0.632637 1.69272 1.69261C0.632756 2.75258 0.0207412 4.1794 -0.0167273 5.67796C-0.0541959 7.17651 0.485748 8.63214 1.49142 9.74376C2.49709 10.8554 3.89155 11.5379 5.38636 11.6502C6.88117 11.7626 8.36197 11.296 9.52245 10.3472L13.0044 13.8291C13.1144 13.9353 13.2617 13.9941 13.4147 13.9928C13.5676 13.9915 13.7139 13.9301 13.8221 13.822C13.9303 13.7138 13.9916 13.5675 13.9929 13.4146C13.9943 13.2616 13.9355 13.1143 13.8292 13.0042ZM5.83345 10.5C4.91047 10.5 4.00822 10.2263 3.24079 9.71352C2.47336 9.20074 1.87522 8.47191 1.52201 7.61919C1.1688 6.76647 1.07639 5.82816 1.25645 4.92291C1.43652 4.01767 1.88097 3.18615 2.53362 2.5335C3.18626 1.88086 4.01778 1.4364 4.92303 1.25633C5.82827 1.07627 6.76658 1.16869 7.61931 1.52189C8.47203 1.8751 9.20086 2.47324 9.71364 3.24067C10.2264 4.0081 10.5001 4.91035 10.5001 5.83333C10.4987 7.07058 10.0066 8.25676 9.13175 9.13163C8.25688 10.0065 7.0707 10.4986 5.83345 10.5Z' fill='%231A2833'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_259_5643'%3e%3crect width='14' height='14' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-position: center left 15px;
    background-repeat: no-repeat;
    background-size: 14px auto;
    border: solid 1px var(--theme-light-gray-100);
}

.datatable-wrap .data-table-header .dt-length {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.datatable-wrap .data-table-header .dt-length .form-select {
    margin-right: 11px;
    height: 42px;
    border-radius: 40px;
    padding: 0 35px 0 18px;
    box-shadow: none !important;
    outline: none !important;
    font-size: var(--p2-fs);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.75L7.5 7.25L14 0.75' stroke='%231A2833' stroke-width='2'/%3e%3c/svg%3e ");
    background-size: 15px auto;
    background-position: center right 12px;
}

.datatable-wrap .data-table-header .dt-length label {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    font-size: var(--p2-fs);
    line-height: normal;
}

.datatable-wrap .dt-container .data-table-main {
    margin-top: 30px;
    border: solid 1px var(--theme-light-gray-100);
    border-radius: 24px;
    overflow: hidden;
}

.datatable-wrap table.dataTable thead>tr>th.dt-orderable-asc:hover,
.datatable-wrap table.dataTable thead>tr>th.dt-orderable-desc:hover,
.datatable-wrap table.dataTable thead>tr>td.dt-orderable-asc:hover,
.datatable-wrap table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none !important;
}

.checkbox-wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}

.datatable-wrap .checkbox-wrap {
    display: inline-block;
}

.checkbox-wrap input[type="checkbox"]+label {
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    padding: 0 0 0 36px;
    position: relative;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    font-size: var(--p2-fs);
}

.checkbox-wrap input[type="checkbox"]+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: solid 1px var(--theme-light-gray-100);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.checkbox-wrap input[type="checkbox"]+label::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M7 12L9.89075 14.8907V14.8907C9.95114 14.951 10.049 14.9511 10.1094 14.8907V14.8907L17 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 3;
}

.checkbox-wrap input[type="checkbox"]:checked+label:after {
    border-color: var(--theme-primary-color);
    background-color: var(--theme-primary-color);
}

.checkbox-wrap input[type="checkbox"]:checked+label:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.datatable-wrap .dataTable thead tr th *,
.datatable-wrap .dataTable thead tr th {
    font-size: var(--p-fs);
    font-weight: 700;
    color: var(--theme-secondary-color);
}

.datatable-wrap .dataTable tbody tr td,
.datatable-wrap .dataTable thead tr th {
    padding: 18px 18px 18px 18px;
}

.datatable-wrap .dataTable tbody tr:last-child td {
    border-bottom: none !important;
}

.datatable-wrap table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n + 1)>* {
    box-shadow: none !important;
}

.datatable-wrap .dataTable tbody tr td {
    vertical-align: middle;
    font-size: var(--p2-fs);
    font-weight: 500;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order {
    position: relative;
    left: auto;
    right: auto;
    margin-left: 12px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 7L5.5 2L10 7' stroke='%231A2833' stroke-width='2'/%3e%3c/svg%3e ");
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5.5 6L10 1' stroke='%231A2833' stroke-width='2'/%3e%3c/svg%3e ");
}

.loan-application-id i {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 12px 0 0;
}

.loan-application-id i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-sort .dt-column-order {
    display: none !important;
}

.datatable-wrap .action-table {
    text-align: center;
}

.action-button a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-primary-color);
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.action-button a:hover {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-white);
    background-color: var(--theme-primary-color);
}

.data-table-bottom {
    padding-top: 30px;
}

.data-table-bottom .dt-info {
    font-size: var(--p2-fs);
    font-weight: 500;
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
}

.data-table-bottom .pagination {
    margin: 0;
    justify-content: flex-end;
    gap: 10px;
}

.data-table-bottom .pagination .page-link {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 36px;
    width: 36px;
    border-radius: 50% !important;
    font-weight: 400;
    border: solid 1px var(--theme-light-gray-100) !important;
    font-size: var(--p3-fs);
    color: var(--theme-secondary-color);
    padding: 5px;
    outline: none;
    box-shadow: none;
}

.data-table-bottom .pagination .page-item.active .page-link {
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
    border-color: var(--theme-primary-color) !important;
    font-weight: 700;
}

.data-table-bottom .pagination .page-link.previous {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1L1.5 7.5L8 14' stroke='%231A2833' stroke-width='2'/%3e%3c/svg%3e ");
}

.data-table-bottom .pagination .page-link.next {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L7.5 7.5L1 14' stroke='%231A2833' stroke-width='2'/%3e%3c/svg%3e ");
}

.data-table-bottom .pagination .page-link.next,
.data-table-bottom .pagination .page-link.previous {
    font-size: 0;
    line-height: normal;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.main-stap-form-progressbar {
    width: 100%;
    max-width: 792px;
    position: relative;
}

.form-progressbar {
    width: 100%;
    position: relative;
    border-radius: 3px;
    height: 3px;
    background-color: var(--theme-light-gray-100);
    overflow: hidden;
}

.form-progressbar .form-progressbar-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--theme-primary-color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-stap-form-progressbar-number.main-stap-form-progressbar .form-progressbar {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.progressbar-number-row {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.progressbar-number-row .progressbar-number-col {
    width: auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}

.progressbar-number-row .progressbar-number-col .progressbar-number-box {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: var(--theme-white);
    font-weight: 600;
    color: var(--theme-secondary-color);
    font-size: 18px;
    line-height: normal;
    border: solid 2px var(--theme-light-gray-100);
}

.progressbar-number-row .progressbar-number-col.active .progressbar-number-box {
    background-color: var(--theme-white);
    color: var(--theme-primary-color);
    border: solid 2px var(--theme-primary-color);
}

.progressbar-number-row .progressbar-number-col.active .progressbar-number-box.current-active {
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
}

.progressbar-number-row .progressbar-number-col.active .progressbar-number-box.border-danger {
    background-color: var(--theme-red);
    color: var(--bs-light);
}

.form-step-box {
    padding: 30px 0 0 0;
}

.borrower-row-section+.borrower-row-section,
.form-step-row+.form-step-row {
    padding-top: 30px;
}

.form-step-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    row-gap: 30px;
}

.form-step-row .form-step-col {
    width: 100%;
    padding: 0 15px;
}

.form-step-row .form-step-col.form-step-col-1-2 {
    width: 50%;
}

.form-step-row .form-step-col.form-step-col-1-3 {
    width: 33.33%;
}

.form-step-row .form-step-col.form-step-col-1-4 {
    width: 25%;
}

.progressbar-number-col i.steps,
.fileds-box-popover i {
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z' fill='%231A2833'/%3e%3cpath d='M12 10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11C10 11.2652 10.1054 11.5196 10.2929 11.7071C10.4804 11.8946 10.7348 12 11 12H12V18C12 18.2652 12.1054 18.5196 12.2929 18.7071C12.4804 18.8946 12.7348 19 13 19C13.2652 19 13.5196 18.8946 13.7071 18.7071C13.8946 18.5196 14 18.2652 14 18V12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z' fill='%231A2833'/%3e%3cpath d='M12 8C12.8284 8 13.5 7.32843 13.5 6.5C13.5 5.67157 12.8284 5 12 5C11.1716 5 10.5 5.67157 10.5 6.5C10.5 7.32843 11.1716 8 12 8Z' fill='%231A2833'/%3e%3c/g%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.progressbar-number-col i.steps {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.178 19.569a.998.998 0 0 0 1.644 0l9-13A.999.999 0 0 0 21 5H3a1.002 1.002 0 0 0-.822 1.569l9 13z' fill='%23dc3232'/%3E%3C/svg%3E");
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 14px;
    height: 14px;
}

.fileds-box-popover i[aria-describedby],
.fileds-box-popover i:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z' fill='%23CAA18B'/%3e%3cpath d='M12 10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11C10 11.2652 10.1054 11.5196 10.2929 11.7071C10.4804 11.8946 10.7348 12 11 12H12V18C12 18.2652 12.1054 18.5196 12.2929 18.7071C12.4804 18.8946 12.7348 19 13 19C13.2652 19 13.5196 18.8946 13.7071 18.7071C13.8946 18.5196 14 18.2652 14 18V12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z' fill='%23CAA18B'/%3e%3cpath d='M12 8C12.8284 8 13.5 7.32843 13.5 6.5C13.5 5.67157 12.8284 5 12 5C11.1716 5 10.5 5.67157 10.5 6.5C10.5 7.32843 11.1716 8 12 8Z' fill='%23CAA18B'/%3e%3c/g%3e%3c/svg%3e");
}

.form-step-fileds-box .select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    width: 100%;
    height: 54px;
    border: solid 1px var(--theme-light-gray-100);
    background-color: var(--theme-white) !important;
    border-radius: 27px;
    outline: none;
    padding: 7px 42px 7px 16px;
    font-weight: normal;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-weight: normal;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    line-height: normal;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--theme-light-gray) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: var(--theme-secondary-color) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 17px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 6.75L10 13.25L16.5 6.75' stroke='%23BBBFC2' stroke-width='2'/%3e%3c/svg%3e ");
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-dropdown .select2-results__option {
    font-weight: normal;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
}

select.error+.select2-container--default .select2-selection--single {
    border-color: var(--theme-red);
}

.select2-results__option .iti__flag,
.select2-selection .iti__flag {
    margin-right: 10px;
}

.select2-dropdown {
    z-index: 998;
}

input[type="radio"].error+label::before {
    border-color: var(--theme-red) !important;
}

.form-step-fileds-box input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.form-step-fileds-box input[type="number"]::-webkit-inner-spin-button,
.form-step-fileds-box input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.form-step-fileds-box label {
    width: 100%;
    position: relative;
    display: block;
    font-weight: 700;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    line-height: normal;
    margin: 0 0 18px 0;
    padding: 0;
}

.form-step-fileds-box label.big-text {
    font-size: 110%;
}

.fileds-with-popover {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fileds-with-popover .fileds-box {
    width: calc(100% - 42px);
    position: relative;
}

.fileds-with-popover .fileds-box-popover {
    width: 42px;
    padding-left: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fileds-with-popover .fileds-box-popover:has(i[aria-describedby]) {
    opacity: 1;
    visibility: visible;
}

body.touch-view .fileds-with-popover .fileds-box-popover {
    opacity: 1 !important;
    visibility: visible !important;
}

.fileds-with-popover:hover .fileds-box-popover {
    opacity: 1;
    visibility: visible;
}

.flatpickr-calendar.open {
    z-index: 99 !important;
}

input[readonly="readonly"]:not(.datepicker),
input[readonly="true"]:not(.datepicker) {
    pointer-events: none !important;
}

.form-step-fileds-box .input-fields.total-readonly {
    pointer-events: none;
}

.form-step-fileds-box .input-fields.amount-readonly {
    background-color: var(--theme-light-gray) !important;
    border-color: var(--theme-light-gray) !important;
    pointer-events: none;
}

select[readonly="true"]+span.select2-container .select2-selection {
    background-color: var(--theme-light-gray) !important;
    border-color: var(--theme-light-gray) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.form-step-fileds-box .input-fields {
    width: 100%;
    height: 54px;
    border: solid 1px var(--theme-light-gray-100);
    background-color: var(--theme-white) !important;
    border-radius: 54px;
    outline: none;
    padding: 16px 18px;
    font-weight: normal;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-group-text {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-step-fileds-box .input-group:has(.input-fields:focus) .input-group-text,
.form-step-fileds-box .input-fields:focus {
    border-color: var(--theme-secondary-color);
}

.contact-form-wrap .input-text {
    border: solid 1px transparent;
}

.form-row .invalid-feedback {
    display: block;
}

.input-password #basic-default-password {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
}

.ti-eye:before {
    display: block !important;
}

.form-password-toggle .icon-base {
    cursor: pointer;
    color: rgba(26, 40, 51, 0.3);
    font-size: 25px;
}

.form-password-toggle .input-group-text {
    border: none;
    background-color: transparent;
}

.contact-form-wrap .is-invalid,
.contact-form-wrap .error,
.modal-content .error {
    border-color: var(--theme-red) !important;
}

.form-step-fileds-box .input-fields:focus {
    border-color: var(--theme-secondary-color);
}

.filepond--file-action-button.filepond--file-action-button svg {
    margin: 0 !important;
}

.filepond--file-action-button.filepond--file-action-button span {
    display: none !important;
}

.filepond--file-action-button.filepond--file-action-button {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.filepond--root.filepond-multiple {
    max-height: 13em;
    overflow-x: hidden;
    overflow-y: auto;
    border: dashed 2px var(--theme-light-gray-100);
    border-radius: 12px;
    pointer-events: auto;
}

.filepond--root.error.filepond-multiple {
    border-color: var(--theme-red);
}

.filepond--root.no-class {
    min-height: 100px;
}

.input-group-filelink .unlock--link,
.input-group-filelink .lock--link {
    cursor: pointer;
}

.filepond--list-scroller::-webkit-scrollbar {
    background: #caa18b;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 10px;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: rgb(255 255 255);
    border-radius: 99999px;
    border: 2px solid rgba(255, 255, 255, 0);
    background-clip: content-box;
}

/* .lock-links > input { pointer-events: none !important; user-select: none; } */

.form-dropdown-group-head .form-step-fileds-box .input-group:has(.input-fields.error:focus) .input-group-text,
.form-dropdown-group-head .form-step-fileds-box .input-group:has(.input-fields.error) .input-group-text,
.form-dropdown-group-head .input-group-text.error,
.input-group-text.error,
.form-dropdown-group-head .form-step-fileds-box .input-fields.error,
.form-step-fileds-box .input-fields.error {
    border-color: var(--theme-red);
}

.fileds-box .custom-group-value::-webkit-input-placeholder,
.form-step-fileds-box::-webkit-input-placeholder {
    color: var(--theme-secondary-color) !important;
}

.fileds-box .custom-group-value :-moz-placeholder,
.form-step-fileds-box :-moz-placeholder {
    opacity: 0.5 !important;
    color: var(--theme-secondary-color) !important;
}

.fileds-box .custom-group-value ::-moz-placeholder,
.form-step-fileds-box ::-moz-placeholder {
    opacity: 0.5 !important;
    color: var(--theme-secondary-color) !important;
}

.fileds-box .custom-group-value :-ms-input-placeholder,
.form-step-fileds-box :-ms-input-placeholder {
    color: var(--theme-secondary-color) !important;
}

.form-step-fileds-box .input-fields:-webkit-autofill,
.form-step-fileds-box .input-fields:-webkit-autofill:hover,
.form-step-fileds-box .input-fields:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--theme-secondary-color);
    -webkit-box-shadow: 0 0 0px 1000px #0000 inset;
    -moz-box-shadow: 0 0 0px 1000px #0000 inset;
    -ms-box-shadow: 0 0 0px 1000px #0000 inset;
    box-shadow: 0 0 0px 1000px #0000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.form-step-col .form-step-row.radio-list {
    margin: 0 -17px;
    min-height: 54px;
    align-items: center;
}

.popover {
    --bs-popover-zindex: 998;
}

.form-step-col .form-step-row.radio-list .form-step-col {
    width: auto !important;
    padding: 0 17px;
}

.radio-list input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.radio-list input[type="radio"][disabled]+label {
    color: rgba(26, 40, 51, 0.75);
}

.radio-list input[type="radio"][disabled]+label::after {
    background-color: var(--theme-light-gray) !important;
}

.radio-list input[type="radio"][disabled]+label::before {
    border-color: var(--theme-light-gray) !important;
}

.radio-list input[type="radio"]+label {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 32px;
    margin: 0;
    font-weight: normal;
    font-size: var(--p2-fs);
    line-height: normal;
    color: var(--theme-secondary-color);
    cursor: pointer;
    position: relative;
}

.radio-list input[type="radio"]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: solid 1px var(--theme-light-gray-100);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--theme-white);
}

.radio-list input[type="radio"]+label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--theme-primary-color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.radio-list input[type="radio"]+label i {
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 0;
    position: relative;
}

.radio-list input[type="radio"]+label i img {
    width: 20px;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.radio-list input[type="radio"]+label i .active-icon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.radio-list input[type="radio"]:checked+label::before {
    border-color: var(--theme-primary-color);
}

.radio-list input[type="radio"]:checked+label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.radio-list input[type="radio"]:checked+label i img {
    opacity: 0;
    visibility: hidden;
}

.radio-list input[type="radio"]:checked+label i img.active-icon {
    opacity: 1;
    visibility: visible;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--theme-primary-color);
}

.form-dropdown {
    width: 100%;
    position: relative;
}

.form-dropdown .form-dropdown-button {
    width: 100%;
    position: relative;
    padding: 30px 0 0;
}

.form-dropdown .form-dropdown-button button {
    width: 100%;
    position: relative;
    background-color: var(--theme-light-gray);
    border: none;
    text-align: left;
    padding: 10px 56px 10px 18px;
    min-height: 54px;
    line-height: normal;
    color: var(--theme-secondary-color);
    font-weight: 700;
    border-radius: 50px;
}

.form-step-fileds-box .fileds-box .input-group .input-fields {
    width: auto;
}

.input-group-text {
    width: 54px;
    background-color: var(--theme-white);
    border-radius: 54px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-color: var(--theme-light-gray-100);
}

.form-dropdown .form-dropdown-button button i {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    width: 42px;
    height: 42px;
    object-fit: contain;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.form-dropdown .form-dropdown-button button i svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.form-dropdown .form-dropdown-button button.active {
    color: var(--theme-primary-color);
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.form-dropdown .form-dropdown-button button.active i {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.custom-group-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -9px;
    row-gap: 18px;
}

.custom-group-row .custom-group-value {
    padding: 0 9px;
}

.custom-group-row .custom-group-value.small-input {
    width: 197px;
}

.custom-group-row .custom-group-value.select-input-value {
    width: 146px;
}

.custom-group-row .custom-group-value.final-input-value {
    width: calc(100% - 146px - 197px);
}

.group-inner-dropdown-data .custom-group-row:has(.final-input-value.d-none) .custom-group-value.small-input,
.group-inner-dropdown-data .custom-group-row:has(.small-input.d-none) .custom-group-value.final-input-value {
    width: calc(100% - 108px);
}

.group-inner-dropdown-data .custom-group-row:has(.select-input-value.d-none) .custom-group-value.final-input-value {
    width: calc(100% - 152px);
}

.form-action-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: solid 1px var(--theme-light-gray-100);
    padding: 30px 0 0 0;
    gap: 18px;
    margin-top: 30px;
}

.btn-next {
    margin-left: auto;
}

.btn.btn-download {
    font-size: var(--p3-fs);
    padding: 4px 4px 4px 14px;
    min-height: 1px;
}
.btn.btn-download i {
    width: 30px;
    height: 30px;
    margin: 0 0 0 12px;
}

.btn.btn-back {
    padding: 8px 18px 8px 9px;
}

.btn.btn-back i {
    margin: 0 18px 0 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.form-data {
    padding: 0 0 30px 0;
}

.form-dropdown+.form-dropdown {
    margin-top: 30px;
}

.form-dropdown-data {
    width: 100%;
    padding: 30px 0 0 0;
}

.form-dropdown-data.form-dropdown-data-v2 {
    padding-left: 48px;
}

.form-dropdown-data.form-dropdown-data-v2 .form-step-half-row .form-step-fileds-box>label {
    width: 260px;
    padding: 0 20px 0 0;
}

.form-dropdown-data.form-dropdown-data-v2 .form-step-half-row .fileds-with-popover .fileds-box {
    width: calc(100% - 42px - 260px);
}

.form-dropdown-group {
    max-width: 842px;
    width: 100%;
}

.form-dropdown-group-head {
    width: 100%;
    position: relative;
    padding: 10px 0;
    z-index: 2;
}

.form-dropdown-group-head+.form-dropdown-group-data {
    margin-top: 30px;
}

.form-dropdown-group-data {
    width: 100%;
    position: relative;
}

.group-inner-dropdown-head {
    width: 100%;
    position: relative;
    /* margin: 0 0 30px 0; */
}

.form-dropdown-group+.form-dropdown-group {
    margin-top: 30px;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--theme-primary-color);
    border-color: var(--theme-primary-color);
}

.flatpickr-calendar {
    font-size: var(--p3-fs);
}

.group-inner-dropdown-head .group-inner-dropdown-btn {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    color: var(--theme-secondary-color);
    /* margin-left: 33px; */
    margin-left: calc(33px + 42px);
}

.group-inner-dropdown-head .group-inner-dropdown-btn.active {
    color: var(--theme-primary-color);
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

.form-dropdown-data.form-dropdown-data-v2 .group-inner-dropdown-data .form-step-half-row .form-step-fileds-box>label {
    width: calc(260px - 21px);
}

.group-inner-dropdown-data .custom-group-row .custom-group-value.select-input-value {
    width: 108px;
}

.group-inner-dropdown-data .custom-group-row .custom-group-value.small-input {
    width: 152px;
    position: relative;
}

.form-step-fileds-box .fileds-box .input-group .input-fields:focus-within,
.form-step-fileds-box .fileds-box .input-group .input-fields:focus,
.form-step-fileds-box .input-fields:focus-within,
.form-step-fileds-box .input-fields:focus {
    z-index: 5;
    position: relative;
}

.group-inner-dropdown-data .custom-group-row .custom-group-value.final-input-value {
    width: calc(100% - 108px - 152px);
}

.form-dropdown-data.form-dropdown-data-v2 .group-inner-dropdown-data .form-step-half-row .fileds-with-popover .fileds-box {
    width: calc(100% - 42px - 260px + 21px);
}

.group-inner-dropdown-data {
    padding-left: 21px;
    padding-top: 30px;
}

.form-dropdown-group-head .form-step-fileds-box label {
    color: var(--theme-primary-color);
}

.form-dropdown-group-head .form-step-fileds-box .input-group:has(.input-fields:focus) .input-group-text,
.form-dropdown-group-head .form-step-fileds-box .input-fields {
    border-color: color-mix(in srgb,
            var(--theme-primary-color) 50%,
            transparent);
    font-weight: 700;
    color: var(--theme-primary-color);
}

.form-dropdown-group-head .form-step-fileds-box ::-webkit-input-placeholder {
    color: var(--theme-primary-color) !important;
}

.form-dropdown-group-head .form-step-fileds-box :-moz-placeholder {
    opacity: 0;
    color: var(--theme-primary-color) !important;
}

.form-dropdown-group-head .form-step-fileds-box ::-moz-placeholder {
    opacity: 0;
    color: var(--theme-primary-color) !important;
}

.form-dropdown-group-head .form-step-fileds-box :-ms-input-placeholder {
    color: var(--theme-primary-color) !important;
}

.form-dropdown-group-head .input-group-text {
    border-color: color-mix(in srgb,
            var(--theme-primary-color) 50%,
            transparent);
}

.form-dropdown-group-head::after {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    bottom: 0;
    right: -18px;
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
    border-radius: 100px;
    z-index: -1;
    pointer-events: none;
}

.card-inner-header {
    padding-top: 30px;
    row-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.filepond--root.error .filepond--panel-root {
    border-color: var(--theme-red);
}

/* use a hand cursor intead of arrow for the action buttons */
.filepond--file-action-button {
    cursor: pointer;
}

/* the text color of the drop label*/
.filepond--drop-label {
    color: var(--theme-secondary-color);
}

/* underline color for "Browse" button */
.filepond--label-action {
    text-decoration-color: #aaa;
}

/* the background color of the filepond drop area */
/* .fileds-box:has(.filepond--root.filepond-multiple) .filepond--panel-root {
    border: none;	
    border-radius: 0;
} */
.filepond--root.filepond-multiple .filepond--panel.filepond--panel-root {
    display: none;
}

.filepond--root.filepond-multiple .filepond--drop-label {
    min-height: 68px;
}

.filepond--root.filepond-multiple {
    min-height: 76px;
}

.filepond--panel-root {
    cursor: pointer;
    background-color: var(--theme-white);
    border: dashed 2px var(--theme-light-gray-100);
    border-radius: 12px;
}

/* the border radius of the file item */
.filepond--item-panel {
    border-radius: 12px;
}

/* the background color of the file and file panel (used when dropping an image) */
.filepond--item-panel {
    background-color: var(--theme-primary-color);
}

/* the background color of the drop circle */
.filepond--drip-blob {
    background-color: #999;
}

/* the background color of the black action buttons */
.filepond--file-action-button.filepond--action-remove-item {
    background-color: var(--theme-white);
}

/* the icon color of the black action buttons */
.filepond--file-action-button {
    color: white;
}

/* the color of the focus ring */
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

/* the text color of the file status and info labels */
.filepond--file {
    color: white;
    padding: 15px;
}

.filepond--file-info .filepond--file-info-main {
    font-size: var(--p3-fs);
    font-weight: 700;
}

.filepond--file-info .filepond--file-info-sub {
    font-size: 12px;
    opacity: 1;
    color: var(--theme-white);
    font-weight: 400;
    margin-top: 2px;
}

.progress-bar-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 88;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 40%,
            transparent);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    border-radius: 12px;
}

.progress-bar-container.progress-bar-active {
    opacity: 1;
    visibility: visible;
}

.progress-bar-container .progress-bar {
    background-color: var(--theme-white);
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 5px;
}

.progress-bar-container .progress-bar span {
    background-color: var(--theme-primary-color);
    display: -ms-flexbox;
    display: flex;
    height: 5px;
    border-radius: 5px;
}

hr {
    border-color: var(--theme-light-gray-100);
    margin: 30px 0;
    opacity: 1;
}

/* error state color */
[data-filepond-item-state*="error"] .filepond--item-panel,
[data-filepond-item-state*="invalid"] .filepond--item-panel {
    background-color: red;
}

[data-filepond-item-state="processing-complete"] .filepond--item-panel {
    background-color: green;
}

[data-filepond-item-state="processing-complete"] svg path {
    fill: var(--theme-primary-color);
}

.filepond--action-retry-item-processing svg path,
.filepond--action-revert-item-processing svg path {
    fill: var(--theme-white);
}

.filepond--action-remove-item svg path {
    fill: var(--theme-primary-color);
}

.filepond--root {
    max-width: 100%;
}

.filepond--root {
    font-family: var(--theme-font);
    margin: 0;
}

.filepond--root .filepond--drop-label {
    cursor: pointer;
}

.filepond--root .filepond--drop-label label {
    cursor: pointer;
    color: var(--theme-secondary-color);
    font-weight: 400;
}

.filepond--root .filepond--drop-label label svg {
    width: 31px;
    height: auto;
    margin: 0 0 0 18px;
}

.filepond--root .filepond--drip {
    background-color: transparent !important;
}

.filepond--root .filepond--credits {
    display: none !important;
}

.profile-image .filepond--drop-label {
    color: #4c4e53;
}

.profile-image .filepond--label-action {
    text-decoration-color: #babdc0;
}

.profile-image .filepond--panel-root {
    background-color: #edf0f4;
}

.profile-image .filepond--root {
    width: 170px;
    margin: 0 auto;
}

.loader-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.7);
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.active-loader.form-step-inner-main .loader-form {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.filepond--root * {
    user-select: none;
}

.filepond--root[data-disabled] {
    opacity: 0.6;
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid var(--primary);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

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

.file-demo-btn {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 18px;
    font-size: 0;
    line-height: normal;
}

.file-demo-btn button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    outline: none !important;
}

.file-demo-btn button span {
    display: -ms-flexbox;
    display: flex;
}

.file-demo-btn button img {
    width: 30px;
    height: auto;
}

.country-select {
    width: 100%;
}

.country-select .flag-dropdown {
    z-index: 6;
}

.country-select.inside .selected-flag {
    width: 54px;
}

.country-select .selected-flag {
    padding: 0 0 0 13px;
}

.country-select.inside input,
.country-select.inside input[type="text"] {
    padding-left: 62px;
    margin-left: 0;
}

.sample-document .modal-dialog {
    max-width: 900px;
}

.sample-document .modal-content {
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    padding: 56px 0 0 0;
}

.sample-document .btn-modal-close {
    background-color: transparent !important;
    outline: none;
    box-shadow: none !important;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #e15814;
    z-index: 99;
}

.sample-document .icon-modal-div {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 0 0 30px 0;
}

.country-select.inside .flag-dropdown .selected-flag {
    background-color: transparent !important;
}

.inner-swiper-slide {
    width: 100%;
    height: 70vh;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.sample-document:has(.inner-swiper-slide) .modal-content {
    padding: 56px 20px 20px 20px;
}

/* .filepond--root.filepond-3-grid ul .filepond--item {
    width: calc(100% - 0.5em);
}
.filepond--root.filepond-3-grid ul:has(.filepond--item + .filepond--item) .filepond--item {
    width: calc(50% - 0.5em);
}
.filepond--root.filepond-3-grid ul:has(.filepond--item + .filepond--item + .filepond--item) .filepond--item {
    width: calc(33.33% - 0.5em);
}

.filepond--root.filepond-3-grid .filepond--item {
    width: calc(33.3% - 0.5em);
} */

/* 
.filepond--root.filepond-3-grid ul .filepond--item {

    width: calc(33.33% - 0.5em) !important;
    will-change: transform;
    backface-visibility: hidden;
}

.filepond--root.filepond-3-grid ul .filepond--item:nth-last-child(1):nth-child(3n + 1),
.filepond--root.filepond-3-grid ul .filepond--item:nth-last-child(2):nth-child(3n + 2) {
    width: calc(50% - 0.5em) !important;
}

.filepond--root.filepond-3-grid ul .filepond--item:nth-last-child(1):nth-child(3n + 1) {
    width: calc(100% - 0.5em) !important;
} */


.filepond--root.filepond-3-grid ul .filepond--item {
  
  width: calc(50% - 0.5em);
  will-change: transform;
  backface-visibility: hidden;
}
 
.filepond--root.filepond-3-grid .filepond--list:has(> li:only-child) > li{
  width: calc(100% - 1em);
}
 
.filepond--root.filepond-3-grid .filepond--list:has(> li:nth-child(3):last-child) > li:nth-child(3) {
  width: calc(100% - 0.5em) !important;
}

.filepond--root.filepond-3-grid .filepond--list:has(> li:last-child:nth-child(4n+1)) > li:last-child,
.filepond--root.filepond-3-grid .filepond--list:has(> li:last-child:nth-child(4n+3)) > li:last-child {
  width: calc(100% - 0.5em);
}


.filepond--file .filepond--file-status {
    display: none !important;
}

.image-preview {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
}

.swiper-slide canvas {
    width: 100%;
    height: auto;
}

.filepond--item {
    height: 60px;
}

.filepond--action-remove-item.filepond--file-action-button {
    width: 30px;
    height: 30px;
}

.form-step-fileds-box input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_259_7962)'%3e%3cpath d='M15.8333 1.66667H15V0.833333C15 0.61232 14.9122 0.400358 14.7559 0.244078C14.5996 0.0877974 14.3877 0 14.1667 0C13.9457 0 13.7337 0.0877974 13.5774 0.244078C13.4211 0.400358 13.3333 0.61232 13.3333 0.833333V1.66667H6.66667V0.833333C6.66667 0.61232 6.57887 0.400358 6.42259 0.244078C6.26631 0.0877974 6.05435 0 5.83333 0C5.61232 0 5.40036 0.0877974 5.24408 0.244078C5.0878 0.400358 5 0.61232 5 0.833333V1.66667H4.16667C3.062 1.66799 2.00296 2.1074 1.22185 2.88852C0.440735 3.66963 0.00132321 4.72867 0 5.83333L0 15.8333C0.00132321 16.938 0.440735 17.997 1.22185 18.7782C2.00296 19.5593 3.062 19.9987 4.16667 20H15.8333C16.938 19.9987 17.997 19.5593 18.7782 18.7782C19.5593 17.997 19.9987 16.938 20 15.8333V5.83333C19.9987 4.72867 19.5593 3.66963 18.7782 2.88852C17.997 2.1074 16.938 1.66799 15.8333 1.66667ZM1.66667 5.83333C1.66667 5.17029 1.93006 4.53441 2.3989 4.06557C2.86774 3.59673 3.50363 3.33333 4.16667 3.33333H15.8333C16.4964 3.33333 17.1323 3.59673 17.6011 4.06557C18.0699 4.53441 18.3333 5.17029 18.3333 5.83333V6.66667H1.66667V5.83333ZM15.8333 18.3333H4.16667C3.50363 18.3333 2.86774 18.0699 2.3989 17.6011C1.93006 17.1323 1.66667 16.4964 1.66667 15.8333V8.33333H18.3333V15.8333C18.3333 16.4964 18.0699 17.1323 17.6011 17.6011C17.1323 18.0699 16.4964 18.3333 15.8333 18.3333Z' fill='%23BBBFC2'/%3e%3cpath d='M10 13.75C10.6904 13.75 11.25 13.1904 11.25 12.5C11.25 11.8096 10.6904 11.25 10 11.25C9.30964 11.25 8.75 11.8096 8.75 12.5C8.75 13.1904 9.30964 13.75 10 13.75Z' fill='%23BBBFC2'/%3e%3cpath d='M5.83398 13.75C6.52434 13.75 7.08398 13.1904 7.08398 12.5C7.08398 11.8096 6.52434 11.25 5.83398 11.25C5.14363 11.25 4.58398 11.8096 4.58398 12.5C4.58398 13.1904 5.14363 13.75 5.83398 13.75Z' fill='%23BBBFC2'/%3e%3cpath d='M14.166 13.75C14.8564 13.75 15.416 13.1904 15.416 12.5C15.416 11.8096 14.8564 11.25 14.166 11.25C13.4757 11.25 12.916 11.8096 12.916 12.5C12.916 13.1904 13.4757 13.75 14.166 13.75Z' fill='%23BBBFC2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_259_7962'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-size: 20px auto;
    height: 20px;
    width: 20px;
    z-index: 1;
}

.form-step-half-row.form-step-row {
    -ms-flex-direction: column;
    flex-direction: column;
}

.form-step-half-row.form-step-row .form-step-col {
    max-width: 902px;
    width: 100%;
}

.form-step-half-row .form-step-fileds-box {
    align-items: center;
    align-content: center;
    position: relative;
}

.form-step-half-row .form-step-fileds-box>label {
    width: 290px;
    margin: 0;
    padding: 0 30px 0 0;
}

.form-step-half-row .form-step-fileds-box:has(.text-value) .fileds-box {
    width: calc(100% - 42px - 590px);
}

.form-step-half-row .fileds-with-popover .fileds-box {
    width: calc(100% - 42px - 290px);
}

.form-step-half-row .form-step-fileds-box:has(.text-value)>label {
    width: 590px;
}

.fileds-box .text-value {
    text-align: right;
    font-weight: 900;
    color: var(--theme-primary-color);
}

.table-action {
    /* overflow: hidden; */
}

.form-dropdown+.form-dropdown .form-dropdown-button {
    padding-top: 0;
}

.form-dropdown-table:has(.form-dropdown-button button.active) {
    border-radius: 18px;
}

.form-dropdown-table {
    background-color: var(--theme-light-gray);
    padding-bottom: 0;
    margin-bottom: 0;
    border-radius: 50px;
    -webkit-transition: border-radius 0.3s ease-in-out;
    -moz-transition: border-radius 0.3s ease-in-out;
    -ms-transition: border-radius 0.3s ease-in-out;
    transition: border-radius 0.3s ease-in-out;
}

.form-dropdown.form-dropdown-table .form-dropdown-button button {
    background-color: transparent;
}

.form-dropdown.form-dropdown-table .form-dropdown-data {
    padding: 18px;
}

.dropdown-table-data {
    border-radius: 18px;
    overflow: hidden;
    display: table;
    min-width: 100%;
    margin: 0 0 16px 0;
}

.dropdown-table-data table {
    margin: 0;
}

.data-credit table tr th:nth-child(1) {
    min-width: 203px;
    width: 16.6667%;
}

.data-credit table tr th:nth-child(2) {
    min-width: 281px;
    width: 16.6667%;
}

.data-credit table tr th:nth-child(3) {
    min-width: 224px;
    width: 16.6667%;
}

.data-credit table tr th:nth-child(4) {
    min-width: 228px;
    width: 16.6667%;
}

.data-credit table tr th:nth-child(5) {
    min-width: 250px;
    width: 16.6667%;
}

.data-credit table tr th:nth-child(6) {
    min-width: 230px;
    width: 16.6667%;
}

.data-credit table tr th {
    font-weight: 700;
    border-top: none !important;
}

.data-credit table tr th,
.data-credit table tr td {
    text-align: center;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    padding: 18px 15px;
    border: solid 1px var(--theme-light-gray-100);
}

.data-credit table tr td:has(.field-action-btn) {
    position: relative;
    /* min-width: 178px; */
}

.field-action-btn i {
    width: 26px;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.field-action-btn i:hover {
    color: var(--theme-primary-color);
}

.field-action-btn i.btn-close-table-data:hover {
    color: var(--theme-red);
}

.iti__selected-dial-code {
    font-size: var(--p2-fs);
}

.iti__country-container button.iti__selected-country {
    border-radius: 54px 0 0 54px;
}

.iti--allow-dropdown .iti__country-container .iti__selected-country-primary {
    border-radius: 54px 0 0 54px;
    background-color: transparent !important;
    padding: 0 6px 0 16px;
}

input.iti__search-input {
    height: 35px;
    margin: 0;
    padding: 6px 12px;
    border-radius: 2px;
    font-family: inherit;
    color: inherit;
    font-size: var(--p2-fs);
}

input.iti__search-input {
    border: 1px solid #ccc;
    width: 100%;
}

.iti__country {
    font-size: var(--p2-fs);
}

input.iti__search-input::placeholder {
    color: #bbb;
}

.field-action-btn i svg {
    width: 100%;
    height: auto;
}

.data-credit table tr td .field-action-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.table-input-fields {
    min-height: 22px;
}

.table-input-fields .form-control {
    position: absolute;
    top: -19px;
    bottom: -18px;
    left: -15px;
    right: -16px;
    border-radius: 0;
    width: auto;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
}

.data-credit table tr:last-child td:first-child .table-input-fields .form-control {
    border-bottom-left-radius: 18px;
}

.table-input-fields .form-control:focus {
    border-color: var(--theme-secondary-color);
}

.data-credit table tr:last-child td {
    border-bottom: none !important;
}

.data-credit table tr th:first-child,
.data-credit table tr td:first-child {
    border-left: 0 !important;
}

.data-credit table tr th:last-child,
.data-credit table tr td:last-child {
    border-right: 0 !important;
}

.table-action .radio-list {
    justify-content: center;
}

.table-action .radio-list .form-step-col {
    width: auto !important;
}

.form-dropdown-table:has(.form-dropdown-button button.active) {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.step-row-chart {
    padding-bottom: 30px;
}

.chart-data-box {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 24px 30px;
    border: solid 1px var(--theme-light-gray-100);
    border-radius: 24px;
}

.chart-data-box .fileds-box-popover {
    width: 42px;
    padding: 0 0 0 18px;
}

.chart-data-box .chart-title {
    width: calc(100% - 42px - 120px);
    font-size: var(--p2-fs);
    font-weight: 700;
    color: var(--theme-secondary-color);
}

.chart-data-box .chart-box {
    width: 120px;
    padding: 0 0 0 20px;
}

circle-progress {
    width: 100%;
}

circle-progress::part(base) {
    width: 100%;
    height: auto;
}

circle-progress::part(text) {
    font-weight: 900 !important;
    font-size: var(--p3-fs) !important;
}

circle-progress::part(circle) {
    stroke-width: 20px;
}

circle-progress::part(value) {
    stroke-width: 20px;
}

.danger-circle circle-progress::part(text) {
    fill: #f62424;
}

.danger-circle circle-progress::part(circle) {
    stroke: #ffcccc;
}

.danger-circle circle-progress::part(value) {
    stroke: #f62424;
}

.sucess-circle circle-progress::part(text) {
    fill: #26ae5d;
}

.sucess-circle circle-progress::part(circle) {
    stroke: #bee7cf;
}

.sucess-circle circle-progress::part(value) {
    stroke: #26ae5d;
}

.waring-circle circle-progress::part(text) {
    fill: #f8c51d;
}

.waring-circle circle-progress::part(circle) {
    stroke: #fff2c7;
}

.waring-circle circle-progress::part(value) {
    stroke: #f8c51d;
}

.form-step-fileds-box .input-fields[disabled] {
    background-color: var(--theme-light-gray) !important;
    border-color: var(--theme-light-gray) !important;
}

.form-step-fileds-box textarea.input-fields {
    height: 120px;
    border-radius: 18px;
    resize: none;
}

.radio-with-button {
    width: 100%;
    position: relative;
}

.radio-with-button input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.radio-with-button input[type="radio"]+label {
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 54px 16px 18px;
    font-weight: 400;
    color: var(--theme-secondary-color);
    border: solid 1px var(--theme-light-gray-100);
    font-size: var(--p2-fs);
    border-radius: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin: 0;
}

.radio-with-button input[type="radio"]+label::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px var(--theme-light-gray-100);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.radio-with-button input[type="radio"]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    right: 19px;
    width: 16px;
    height: 16px;
    background-color: var(--theme-primary-color);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.radio-with-button input[type="radio"]:checked+label::before {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.radio-with-button input[type="radio"]:checked+label::after {
    border-color: var(--theme-primary-color);
}

.radio-with-button input[type="radio"]:checked+label {
    color: var(--theme-primary-color);
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
    border-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent) !important;
}

.heading-seprator {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.heading-seprator span {
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--p-fs);
    color: var(--theme-secondary-color);
    padding: 0 11px 0 0;
}

.borrower-seprator.heading-seprator span {
    color: var(--theme-primary-color);
}

.heading-seprator .remove-icon {
    display: -ms-flexbox;
    display: flex;
    margin: 0 11px 0 0;
    width: 24px;
}

.heading-seprator .remove-icon img {
    width: 100%;
    height: auto;
}

.heading-seprator i {
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    height: 1px;
    background-color: var(--theme-light-gray-100);
}

.borrower-seprator.heading-seprator i {
    background-color: var(--theme-primary-color);
}

.heading-seprator.heading-seprator-defult span {
    color: var(--theme-primary-color);
}

.heading-seprator.heading-seprator-defult i {
    background-color: var(--theme-primary-color);
}

.contact-contents {
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    padding: 0 11px 0 0;
}

.contact-contents a {
    color: var(--theme-primary-color);
}

.contact-contents a:hover {
    color: var(--theme-secondary-color);
}

.form-step-fileds-box.fileds-with-video {
    align-items: flex-start;
}

.form-step-fileds-box.fileds-with-video .video-block::after {
    padding: 0;
    height: 480px;
}

.form-step-fileds-box.fileds-with-video .video-block {
    border-radius: 18px;
}

.form-step-fileds-box.fileds-with-video .video-btn button {
    width: 106px;
    height: 106px;
}

.form-step-fileds-box.fileds-with-video .video-btn button i svg {
    width: 53px;
    height: auto;
}

.form-step-fileds-box.fileds-with-video .waves-block {
    width: calc(100% + (18px * 2));
    height: calc(100% + (18px * 2));
    top: -18px;
    left: -18px;
}

.form-step-fileds-box.fileds-with-video .video-btn {
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 40%,
            transparent);
}

.form-step-fileds-box.fileds-with-video .video-thumb::after {
    display: none;
}

.conformation-modal .modal-dialog {
    max-width: 500px;
}

.conformation-modal .modal-content {
    border-radius: 24px;
    padding: 42px;
}

.modal .btn-modal-close {
    background-color: transparent !important;
    outline: none;
    box-shadow: none !important;
    position: absolute;
    top: 12px;
    right: 12px;
    color: #e15814;
    z-index: 99;
}

.conformation-modal .icon-modal-div {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 0 0 30px 0;
}

.conformation-modal .icon-modal-div img {
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.conformation-modal h3 {
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    padding: 0 0 30px 0;
    margin: 0;
}

.conformation-modal .modal-button-group {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.conformation-modal .modal-button-group .btn {
    min-width: 130px;
    justify-content: space-between;
}

.modal-backdrop {
    background-color: var(--theme-secondary-color);
    opacity: 0.6 !important;
}

.form-step-half-row .form-step-fileds-box.value-field {
    max-width: 600px;
    padding: 6px 6px 6px 18px;
    border-radius: 50px;
    background-color: var(--theme-light-gray);
}

.form-step-half-row .form-step-fileds-box.value-field label {
    width: 390px;
}

.form-step-half-row .form-step-fileds-box.value-field .value-field-box {
    width: calc(100% - 390px);
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 9px 9px 9px 18px;
    background-color: var(--theme-white);
    border-radius: 50px;
    min-height: 45px;
}

.form-step-half-row .form-step-fileds-box.value-field .value-field-box .fileds-box {
    width: auto !important;
    flex: 1;
    text-align: left;
}

.form-step-half-row .form-step-fileds-box.value-field .value-field-box .fileds-box .text-value {
    text-align: left;
    color: var(--theme-secondary-color);
}

.form-step-half-row .form-step-fileds-box.value-field.final-value-field {
    background-color: var(--theme-primary-color);
}

.form-step-half-row .form-step-fileds-box.value-field.final-value-field label {
    color: var(--theme-white);
}

.form-step-half-row .form-step-fileds-box.value-field.final-value-field .value-field-box .fileds-box .text-value {
    color: var(--theme-primary-color);
}

.form-step-half-row .form-step-fileds-box.value-field.final-value-field .fileds-box-popover i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z' fill='%23CAA18B'/%3e%3cpath d='M12 10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11C10 11.2652 10.1054 11.5196 10.2929 11.7071C10.4804 11.8946 10.7348 12 11 12H12V18C12 18.2652 12.1054 18.5196 12.2929 18.7071C12.4804 18.8946 12.7348 19 13 19C13.2652 19 13.5196 18.8946 13.7071 18.7071C13.8946 18.5196 14 18.2652 14 18V12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z' fill='%23CAA18B'/%3e%3cpath d='M12 8C12.8284 8 13.5 7.32843 13.5 6.5C13.5 5.67157 12.8284 5 12 5C11.1716 5 10.5 5.67157 10.5 6.5C10.5 7.32843 11.1716 8 12 8Z' fill='%23CAA18B'/%3e%3c/g%3e%3c/svg%3e");
}

.form-step-half-row .form-step-fileds-box.value-field.final-value-field .fileds-box-popover i[aria-describedby],
.form-step-half-row .form-step-fileds-box.value-field.final-value-field .fileds-box-popover i:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C23.9966 8.81846 22.7312 5.76821 20.4815 3.51852C18.2318 1.26883 15.1815 0.00344108 12 0ZM12 22C10.0222 22 8.08879 21.4135 6.4443 20.3147C4.79981 19.2159 3.51809 17.6541 2.76121 15.8268C2.00433 13.9996 1.8063 11.9889 2.19215 10.0491C2.578 8.10929 3.53041 6.32746 4.92894 4.92893C6.32746 3.53041 8.10929 2.578 10.0491 2.19215C11.9889 1.8063 13.9996 2.00433 15.8268 2.7612C17.6541 3.51808 19.2159 4.79981 20.3147 6.4443C21.4135 8.08879 22 10.0222 22 12C21.9971 14.6513 20.9426 17.1931 19.0679 19.0679C17.1931 20.9426 14.6513 21.9971 12 22Z' fill='%231A2833'/%3e%3cpath d='M12 10H11C10.7348 10 10.4804 10.1054 10.2929 10.2929C10.1054 10.4804 10 10.7348 10 11C10 11.2652 10.1054 11.5196 10.2929 11.7071C10.4804 11.8946 10.7348 12 11 12H12V18C12 18.2652 12.1054 18.5196 12.2929 18.7071C12.4804 18.8946 12.7348 19 13 19C13.2652 19 13.5196 18.8946 13.7071 18.7071C13.8946 18.5196 14 18.2652 14 18V12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z' fill='%231A2833'/%3e%3cpath d='M12 8C12.8284 8 13.5 7.32843 13.5 6.5C13.5 5.67157 12.8284 5 12 5C11.1716 5 10.5 5.67157 10.5 6.5C10.5 7.32843 11.1716 8 12 8Z' fill='%231A2833'/%3e%3c/g%3e%3c/svg%3e");
}

.popover {
    --bs-popover-bg: #caa18b;
    --bs-popover-border-radius: 18px;
    --bs-popover-body-padding-x: 18px;
    --bs-popover-body-padding-y: 18px;
    --bs-popover-max-width: 394px;
    --bs-popover-arrow-width: 16px;
    --bs-popover-arrow-height: 8px;
    border: none;
}

.popover .popover-body-inner {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
}

.popover .popover-body-inner .popover-body {
    max-height: 250px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}

.popover .popover-body-inner .popover-body .mCSB_scrollTools .mCSB_draggerRail {
    background-color: color-mix(in srgb,
            var(--theme-light-gray) 40%,
            transparent) !important;
}

.popover .popover-body-inner .popover-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 60%,
            transparent) !important;
}

.popover-body ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.popover-body ul li {
    width: 100%;
    position: relative;
    padding: 0 0 0 16px;
    color: var(--theme-white);
    font-family: var(--theme-font);
    font-size: var(--p2-fs);
    line-height: 1.25;
    font-weight: 500;
}

.popover-body ul li:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--theme-white);
}

.popover-body ul li+li {
    margin-top: 18px;
}

.popover-body strong,
.popover-body b {
    font-weight: 900;
}

.popover-body p {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    color: var(--theme-white);
    font-family: var(--theme-font);
    font-size: var(--p2-fs);
    line-height: 1.25;
    font-weight: 500;
}

.popover-body p+p {
    margin-top: 15px;
}

.popover-body a {
    color: inherit;
    text-decoration: underline;
}

.popover-body a:hover {
    text-decoration: none;
}

.popover-body .video-block {
    width: calc(var(--bs-popover-max-width) - (var(--bs-popover-body-padding-x) * 2));
    border-radius: var(--bs-popover-border-radius);
}

.popover-body .video-btn i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--theme-white);
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.popover-body .video-btn i.popover-play-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M88 44L22 82.1051L22 5.89488L88 44Z' fill='%23CAA18B'%3e%3c/path%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    cursor: pointer;
}

.popover-body .video-btn .waves-block {
    width: calc(100% + (6px * 2));
    height: calc(100% + (6px * 2));
    top: -6px;
    left: -6px;
    pointer-events: none;
}

.popover-body .video-thumb::after {
    display: none;
}

.popover-body .video-btn {
    background-color: color-mix(in srgb,
            var(--theme-secondary-color) 40%,
            transparent);
}

.popover-body:has(.read-more) {
    position: relative;
}

.popover-body .read-more {
    position: absolute;
    bottom: -2px;
    right: 15px;
    z-index: 5;
    font-size: var(--p2-fs);
    font-family: var(--theme-font);
    color: #ffffff;
}

.popover-body .read-more:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: -1;
    top: -20px;
    left: -500px;
    right: -500px;
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(202, 161, 139, 0.78) 42%,
            rgba(202, 161, 139, 0.8) 43%,
            rgba(202, 161, 139, 1) 100%);
    pointer-events: none;
}

.form-video-top {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    max-width: 50%;
    margin: 0 auto;
}

.form-video-top .video-block::after {
    padding: 26.856% 50%;
}

.form-video-top .video-btn {
    background-color: transparent;
}

.form-video-top .video-thumb::after {
    background-color: rgba(0, 0, 0, 0.4);
}

.form-video-top .video-block {
    border-radius: 18px;
}

.form-video-top .video-btn button {
    width: 90px;
    height: 90px;
}

.form-video-top .video-btn button i svg {
    width: 42px;
    height: auto;
}

.form-video-top .waves-block {
    width: calc(100% + (12px * 2));
    height: calc(100% + (12px * 2));
    top: -12px;
    left: -12px;
}

.link-box {
    width: 100%;
    position: relative;
}

.form-step-fileds-box .link-box .input-fields {
    color: var(--theme-primary-color);
    padding-right: 220px;
}

.form-step-fileds-box .link-box .enter-input-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 5;
}

.enter-input-btn .fatch-btn {
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 900;
    font-size: var(--p2-fs);
    border: none;
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
    line-height: normal;
    min-height: 42px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    z-index: 6;
}

.enter-input-btn .fatch-btn:hover {
    background-color: var(--theme-secondary-color);
}

.enter-input-btn .fatch-btn:disabled {
    cursor: not-allowed;
    background-color: var(--theme-light-gray);
    color: var(--theme-secondary-color);
}

.fileds-box ul.table-list {
    padding: 30px;
    border: solid 2px var(--theme-light-gray-100);
    border-radius: 18px;
}

.fileds-box ul.table-list li {
    justify-content: space-between;
    padding: 6px 6px 6px 18px;
    border-radius: 50px;
    background-color: var(--theme-light-gray);
}

.fileds-box ul.table-list li .table-list-value {
    min-width: 174px;
    text-align: right;
    font-size: var(--p-fs);
    color: var(--theme-secondary-color);
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 9px 18px;
    background-color: var(--theme-white);
    border-radius: 50px;
    font-weight: 900;
    justify-content: flex-end;
    line-height: normal;
}

.fileds-box ul.table-list li .table-list-title {
    padding: 0 20px 0 0;
    font-size: var(--p2-fs);
    font-weight: 700;
    color: var(--theme-secondary-color);
    flex: 1;
}

.fileds-box ul.table-list li+li {
    margin-top: 30px;
}

.fileds-box ul.table-list li.table-list-footer {
    background-color: var(--theme-primary-color);
}

.fileds-box ul.table-list li.table-list-footer .table-list-title {
    color: var(--theme-white);
}

.fileds-box ul.table-list li.table-list-footer .table-list-value {
    font-weight: 900;
    color: var(--theme-primary-color);
}

/* Profile Page Start */
.profile-main {
    gap: 30px;
}

.profile-image-block {
    width: 320px;
    padding: 42px 20px;
    border-radius: 24px;
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.profile-image-block:before,
.profile-image-block:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 6px;
    width: 140px;
    background-color: var(--theme-primary-color);
}

.profile-image-block:before {
    top: 0;
    border-radius: 0 0 24px 24px;
}

.profile-image-block:after {
    bottom: 0;
    border-radius: 24px 24px 0 0;
}

.profile-image-block .profile-image {
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    border: solid 4px var(--theme-primary-color);
}

.profile-image-upload {
    position: absolute;
    bottom: 6px;
    right: -16px;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
}

.profile-image-upload .image-upload-btn {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--theme-white);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.profile-image-upload .image-upload-btn:hover {
    background-color: var(--theme-secondary-color);
}

.profile-image-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.profile-image-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.profile-image-box.image-uplodade img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-image-box img {
    width: 40px;
    height: auto;
}

.profile-image-block .profile-name {
    text-align: center;
    width: 100%;
    font-weight: 900;
    /* margin-bottom: 12px; */
    line-height: normal;
}

.profile-image-block .profile-date {
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.profile-image-block .profile-date span {
    color: var(--theme-primary-color);
    font-weight: 400;
}

.profile-detail-header-edit .btn {
    padding: 4px 13px 4px 4px;
    min-height: 36px;
    font-size: var(--p2-fs);
}

.profile-detail-header-edit .btn i {
    margin: 0 10px 0 0;
    width: 28px;
    height: 28px;
    padding: 5px;
}

.profile-detail-block {
    flex: 1;
    padding: 30px;
    border: solid 1px var(--theme-light-gray-100);
    border-radius: 24px;
}

.profile-detail-block .profile-detail-header {
    padding-bottom: 30px;
    border-bottom: solid 1px var(--theme-light-gray-100);
    gap: 20px;
}

.profile-detail-info-row {
    margin: 0 -15px;
    row-gap: 30px;
}

.profile-detail-info-row .profile-detail-info-col {
    width: 33.33%;
    padding: 0 15px;
}

.profile-detail-info-box .profile-detail-info-icon {
    display: -ms-flexbox;
    display: flex;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #f8f3f1;
}

.profile-detail-info-box .profile-detail-info-icon img {
    width: 18px;
    height: auto;
}

.profile-detail-info-box .profile-detail-info {
    width: calc(100% - 42px);
    padding: 0 0 0 12px;
}

.profile-detail-info .profile-detail-title {
    font-weight: 500;
    font-size: var(--p3-fs);
    color: color-mix(in srgb, var(--theme-secondary-color) 70%, transparent);
    line-height: normal;
    padding: 0 0 6px 0;
}

.profile-detail-info .profile-detail-value {
    font-weight: 700;
    font-size: var(--p3-fs);
    color: var(--theme-secondary-color);
    line-height: normal;
}

.profile-detail-info-wrap {
    padding: 30px 0 0 0;
}

.profile-detail-info-wrap .form-action-button {
    border: none;
    justify-content: flex-start;
}

.profile-detail-info-wrap .form-action-button .btn {
    min-width: 164px;
    justify-content: space-between;
}

/* Profile Page End */

/*================================================================*/
/* Dashbord Design End */
/*================================================================*/
/*================================================================*/
/* Dashbord Footer Design Start */
/*================================================================*/
.footer-dashbord {
    padding: 0 30px;
}

.footer-dashbord-inner {
    background-color: var(--theme-white);
    border-radius: 24px 24px 0 0;
    padding: 24px 30px;
}

.footer-dashbord-inner .footer-copyright p {
    color: var(--theme-secondary-color);
    font-size: var(--p2-fs);
    line-height: 1.25;
}

.footer-dashbord-inner .footer-copyright p a {
    color: var(--theme-secondary-color);
}

.footer-dashbord-inner .footer-copyright p a:hover {
    color: var(--theme-primary-color);
}

.footer-madeby p {
    margin-bottom: 0;
    color: var(--theme-secondary-color);
    font-size: var(--p2-fs);
    line-height: 1.25;
}

.footer-madeby p a {
    color: var(--theme-primary-color);
}

.footer-madeby p a:hover {
    color: var(--theme-secondary-color);
}

.page-loader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100svw;
    height: 100svh;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 99999;
    display: none;
}

body:has(.active-pageloader.page-loader-wrap) {
    overflow: hidden;
}

.active-pageloader.page-loader-wrap {
    display: block;
}

.page-loader-wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -21px;
    width: 42px;
    height: 42px;
    border: 6px solid var(--theme-secondary-color);
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: rotation 1s linear infinite;
    z-index: 999999;
}

/** Tooltip Form Error */
.invalid-step-tooltip {
    position: absolute;
    top: calc(100% + 5px);
    z-index: 5;
    display: block;
    max-width: 100%;
    padding: 4px 8px;
    margin-top: 0;
    font-size: 14px;
    color: #fff;
    /* background-color: var(--theme-red); */
    background-color: #e66f6f;
    border-radius: 6px !important;
}

.dropdown-table-data .invalid-step-tooltip:not(:hover) {
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.dropdown-table-data .invalid-step-tooltip {
    top: auto;
    bottom: -18px;
    left: 0;
    min-width: 100%;
    font-size: 12px;
}

.popover-content-modal .modal-header {
    padding-right: 55px;
    background-color: var(--theme-primary-color);
}
.popover-content-modal .modal-body p a {
    font-weight: 600;
    color: var(--theme-primary-color);
}
.popover-content-modal .modal-body p a:hover {
    color: var(--theme-secondary-color);
}

.popover-content-modal .modal-header h4 {
    color: var(--theme-white);
    line-height: 1.2;
}

.modal {
    --bs-modal-zindex: 99999 !important;
}
.popover-content-modal.modal .btn-modal-close {
    color: var(--theme-white);
}

.popover-content-modal .modal-dialog {
    max-width: 1400px;
}

.popover-content-modal .modal-content {
    border-radius: 24px;
    overflow: hidden;
}

.iti--inline-dropdown .iti__dropdown-content {
    margin-top: 0 !important;
    z-index: 99;
}

.iti__country-container:has(.iti__selected-country[aria-expanded="true"])+.iti__tel-input {
    border-radius: 27px 27px 0 0;
}

.notification-table .form-check .form-check-input {
    width: 50px;
    height: 24px;
    margin: 0;
}

.notification-table .form-switch {
    padding: 0;
    margin: 0;
}

body .notification-table .form-check .form-check-input:checked {
    background-color: var(--theme-primary-color) !important;
    border-color: var(--theme-primary-color) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.notification-table .form-check .form-check-input:focus {
    box-shadow: none !important;
    border-color: var(--bs-border-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}

.notification-table .form-check .form-check-label {
    padding: 0 0 0 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notification-table .data-table-bottom {
    margin-top: 0 !important;
}

.table-delete-btn {
    height: auto;
    width: auto;
    border-radius: 20px;
    padding: 8px 18px;
    min-height: 42px;
    background-color: #ff3b30;
    color: var(--theme-white);
    border: none !important;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: var(--p2-fs);
}

.notification-table .data-table-main,
.notification-table .data-table-header {
    margin-top: 0 !important;
}

.notification-table table.dataTable thead {
    display: none !important;
}

.notification-table table.dataTable tbody td {
    border: none !important;
    padding: 30px 0 0 0;
}

.notification-box {
    width: 100%;
    position: relative;
    padding: 24px 18px 18px 68px;
    background-color: var(--theme-light-gray);
    border-radius: 24px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.notification-box:hover {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 12%,
            transparent);
}

.notification-box .notification-box-inner {
    width: 100%;
    position: relative;
}

.notification-header {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 9px 0;
    padding: 0;
}

.notification-header>i img {
    width: 100%;
    height: auto;
}

.notification-header>i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin: 0 12px 0 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--theme-primary-color);
    padding: 8px;
}

.notification-header .title-notification {
    font-weight: 700;
    color: var(--theme-primary-color);
}

.date-time-notification {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: baseline;
    font-weight: normal;
    font-size: var(--p2-fs);
    line-height: normal;
    color: var(--theme-secondary-color);
}

.date-time-notification i {
    display: inline-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
}

.date-time-notification i img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.notification-discription {
    padding: 0 46px 0 0;
}

.notification-discription p {
    font-size: var(--p2-fs);
    line-height: normal;
    color: var(--theme-secondary-color);
    margin: 0;
}

.notification ul li .btn-notification:has(+ .notification-modal)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -28px;
    opacity: 0;
    visibility: hidden;
}

.notification ul li .btn-notification:hover:after {
    opacity: 1;
    visibility: visible;
}

.notification-modal:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 26px solid var(--theme-white);
}

.notification-modal {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 26px;
    -webkit-transform: translateX(-50%) translateY(15px);
    -moz-transform: translateX(-50%) translateY(15px);
    -ms-transform: translateX(-50%) translateY(15px);
    transform: translateX(-50%) translateY(15px);
    width: 544px;
    border-radius: 12px;
    background-color: var(--theme-white);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    /* max-height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden; */
}

body.touch-view .notification ul li.active>.notification-modal,
body:not(.touch-view) .notification ul li:has(.notification-modal):hover .notification-modal {
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
}

.notification-discription+.date-time-notification {
    font-size: var(--p3-fs);
    margin-top: 8px;
}

.notification-modal li+li {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 12px !important;
}

.notification-modal li .primary-btn i {
    margin-left: auto;
}

.notification-modal .notification-discription p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notification-modal .notification-header .title-notification {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filepond--file-info .filepond--file-info-main {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: underline;
}

@media (min-width: 1921px) {
    header.header-dashbord {
        padding-right: 1.563vw;
        padding: 1.042vw 1.563vw 1.042vw 0;
    }

    header.header-dashbord .logo a img {
        width: auto;
        height: 3.438vw;
    }

    header.header-dashbord .logo {
        padding: 0 1.563vw;
    }

    header.header-dashbord .logo::after {
        top: -1.042vw;
        bottom: -1.042vw;
    }

    .header-dashbord .navigation {
        padding: 0 0 0 1.563vw;
    }

    .slidebar-nav-btn {
        padding: 0 0 0 1.563vw;
    }

    .slidebar-nav-btn button svg {
        width: 1.25vw;
        height: auto;
    }

    .notification ul li .btn-notification i svg {
        width: 1.042vw;
        height: auto;
    }

    .sidebar {
        width: 16.667vw;
        top: 5.521vw;
        height: calc(100vh - 5.521vw);
        height: calc((var(--vh, 1vh) * 100) - 5.521vw);
        border-top: solid 0.052vw var(--theme-white);
        padding: 1.563vw 0;
    }

    .sidebar-header {
        padding: 0 1.563vw 1.563vw 1.563vw;
    }

    .application-sidebar-hide.sidebar-hide .main-wrap {
        padding-left: 16.667vw;
    }

    .application-sidebar-hide:not(.sidebar-hide) .main-wrap {
        padding-left: 0;
    }

    .main-wrap {
        padding: 5.521vw 0 0 16.667vw;
    }

    .sidebar-menu li a {
        padding: 0.781vw 1.563vw;
    }

    .sidebar-menu li a i {
        width: 1.25vw;
        height: 1.25vw;
        margin: 0 0.781vw 0 0;
    }

    .sidebar-menu li a i img {
        width: 1.25vw;
        height: auto;
    }

    .sidebar-menu li.active a:after {
        right: 0.625vw;
        border-radius: 0 1.563vw 1.563vw 0;
    }

    .sidebar-menu li.active a::before {
        right: 1.094vw;
        width: 1.875vw;
        height: 1.875vw;
        background-size: 1.25vw auto;
    }

    main.content {
        padding: 1.563vw;
    }

    .page-title {
        padding-bottom: 1.563vw;
    }

    .page-title.d-flex {
        row-gap: 1.042vw;
    }

    .card-box {
        border-radius: 1.25vw;
        padding: 1.563vw;
    }

    .card-header {
        padding: 0 0 1.563vw 0;
        border-bottom: solid 0.052vw var(--theme-light-gray-100);
    }

    .card-header .btn {
        padding: 0.313vw 0.313vw 0.313vw 0.938vw;
        min-height: 2.188vw;
    }

    .card-header .btn i {
        margin-left: 0.781vw;
        width: 1.563vw;
        height: 1.563vw;
    }

    .datatable-wrap .dt-container .data-table-header {
        margin-top: 0 !important;
        padding-top: 1.563vw;
    }

    .notification-table .data-table-header .dt-search .form-control,
    .datatable-wrap .data-table-header .dt-search .form-control {
        max-width: 13.542vw;
        height: 2.188vw;
        padding: 0 1.042vw 0 2.135vw;
        border-radius: 2.188vw !important;
        background-position: center left 0.781vw;
        background-size: 0.729vw auto;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .datatable-wrap .data-table-header .dt-length .form-select {
        margin-right: 0.573vw;
        height: 2.188vw;
        border-radius: 2.083vw;
        padding: 0 1.823vw 0 0.938vw;
        background-size: 0.781vw auto;
        background-position: center right 0.625vw;
    }

    .datatable-wrap .dt-container .data-table-main {
        margin-top: 1.563vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 1.25vw;
    }

    .checkbox-wrap input[type="checkbox"]+label {
        padding: 0 0 0 1.875vw;
    }

    .checkbox-wrap input[type="checkbox"]+label:after {
        top: 0.052vw;
        width: 1.25vw;
        height: 1.25vw;
        border-radius: 0.313vw;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .checkbox-wrap input[type="checkbox"]+label::before {
        top: 0.052vw;
        width: 1.25vw;
        height: 1.25vw;
        border-radius: 0.313vw;
    }

    .datatable-wrap .dataTable tbody tr td,
    .datatable-wrap .dataTable thead tr th {
        padding: 0.938vw 0.938vw 0.938vw 0.938vw;
    }

    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order {
        margin-left: 0.625vw;
    }

    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
        width: 0.625vw;
        height: 0.417vw;
    }

    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
        width: 0.625vw;
        height: 0.417vw;
    }

    .loan-application-id i {
        min-width: 2.188vw;
        width: 2.188vw;
        height: 2.188vw;
        margin: 0 0.625vw 0 0;
    }

    .action-button a {
        width: 2.188vw;
        height: 2.188vw;
        padding: 0.521vw;
    }

    .action-button a svg {
        width: 1.042vw;
        height: auto;
    }

    .action-button a:hover {
        width: 2.188vw;
        height: 2.188vw;
        padding: 0.521vw;
    }

    .data-table-bottom {
        padding-top: 1.563vw;
    }

    .data-table-bottom .pagination {
        gap: 0.521vw;
    }

    .data-table-bottom .pagination .page-link {
        height: 1.875vw;
        width: 1.875vw;
        border: solid 0.052vw var(--theme-light-gray-100) !important;
        padding: 0.26vw;
    }

    .data-table-bottom .pagination .page-link.next,
    .data-table-bottom .pagination .page-link.previous {
        background-size: 0.365vw auto;
    }

    .main-stap-form-progressbar {
        max-width: 41.25vw;
    }

    .form-progressbar {
        border-radius: 0.156vw;
        height: 0.156vw;
    }

    .progressbar-number-row .progressbar-number-col .progressbar-number-box {
        width: 2.188vw;
        height: 2.188vw;
        font-size: 0.938vw;
        border: solid 0.104vw var(--theme-light-gray-100);
    }

    .progressbar-number-row .progressbar-number-col.active .progressbar-number-box {
        border: solid 0.104vw var(--theme-primary-color);
    }

    .form-step-box {
        padding: 1.563vw 0 0 0;
    }

    .form-step-row {
        margin: 0 -0.781vw;
        row-gap: 1.563vw;
    }

    .form-step-row .form-step-col {
        padding: 0 0.781vw;
    }

    .fileds-box-popover i {
        width: 1.25vw;
        height: 1.25vw;
    }

    .select2-container--default .select2-selection--single {
        height: 2.813vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 1.406vw;
        padding: 0.365vw 2.188vw 0.365vw 0.833vw;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 0.885vw;
        height: 1.042vw;
        width: 1.042vw;
    }

    .select2-results__option .iti__flag,
    .select2-selection .iti__flag {
        margin-right: 0.52vw;
    }

    .form-step-fileds-box label {
        margin: 0 0 0.938vw 0;
    }

    .fileds-with-popover .fileds-box {
        width: calc(100% - 2.188vw);
    }

    .fileds-with-popover .fileds-box-popover {
        width: 2.188vw;
        padding-left: 0.938vw;
    }

    .form-step-fileds-box .input-fields {
        height: 2.813vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 2.813vw;
        padding: 0.833vw 0.938vw;
    }

    .form-step-fileds-box .input-fields:-webkit-autofill,
    .form-step-fileds-box .input-fields:-webkit-autofill:hover,
    .form-step-fileds-box .input-fields:-webkit-autofill:focus {
        -webkit-text-fill-color: var(--theme-secondary-color);
        -webkit-box-shadow: 0 0 0 52.083vw #0000 inset;
        -moz-box-shadow: 0 0 0 52.083vw #0000 inset;
        -ms-box-shadow: 0 0 0 52.083vw #0000 inset;
        box-shadow: 0 0 0 52.083vw #0000 inset;
        transition: background-color 5000s ease-in-out 0s;
    }

    .form-step-col .form-step-row.radio-list {
        margin: 0 -0.885vw;
        min-height: 2.813vw;
    }

    .form-step-col .form-step-row.radio-list .form-step-col {
        padding: 0 0.885vw;
    }

    .radio-list input[type="radio"]+label {
        padding: 0 0 0 1.667vw;
    }

    .radio-list input[type="radio"]+label:before {
        width: 1.25vw;
        height: 1.25vw;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .radio-list input[type="radio"]+label:after {
        top: 0.313vw;
        left: 0.313vw;
        width: 0.625vw;
        height: 0.625vw;
        border-radius: 50%;
    }

    .radio-list input[type="radio"]+label i {
        margin: 0 0.521vw 0 0;
    }

    .radio-list input[type="radio"]+label i img {
        width: 1.042vw;
    }

    .form-dropdown .form-dropdown-button {
        padding: 1.563vw 0 0;
    }

    .form-dropdown .form-dropdown-button button {
        padding: 0.521vw 2.917vw 0.521vw 0.938vw;
        min-height: 2.813vw;
        border-radius: 2.604vw;
    }

    .select2-dropdown .select2-results__option {
        padding: 0.313vw;
    }

    .select2-container--default .select2-results>.select2-results__options {
        max-height: 10.417vw;
        overflow-y: auto;
    }

    .input-group-text {
        width: 2.813vw;
        border-radius: 2.813vw;
    }

    .input-group-text img {
        width: 0.938vw;
        height: auto;
    }

    .form-dropdown .form-dropdown-button button i {
        right: 0.313vw;
        width: 2.188vw;
        height: 2.188vw;
    }

    .custom-group-row {
        margin: 0 -0.469vw;
        row-gap: 0.938vw;
    }

    .custom-group-row .custom-group-value {
        padding: 0 0.469vw;
    }

    .custom-group-row .custom-group-value.small-input {
        width: 10.26vw;
    }

    .custom-group-row .custom-group-value.select-input-value {
        width: 7.604vw;
    }

    .custom-group-row .custom-group-value.final-input-value {
        width: calc(100% - 7.604vw - 10.26vw);
    }

    .form-action-button {
        border-top: solid 0.052vw var(--theme-light-gray-100);
        padding: 1.563vw 0 0 0;
        gap: 0.938vw;
    }
    .btn.btn-download {
        padding: 0.21vw 0.21vw 0.21vw 0.73vw;
    }
    .btn.btn-download i {
        width: 1.56vw;
        height: 1.56vw;
        margin: 0 0 0 0.63vw;
    }
    .btn.btn-back {
        padding: 0.417vw 0.938vw 0.417vw 0.469vw;
    }

    .btn.btn-back i {
        margin: 0 0.938vw 0 0;
    }

    .form-data {
        padding: 0 0 1.563vw 0;
    }

    .form-dropdown+.form-dropdown {
        margin-top: 1.563vw;
    }

    .form-dropdown-data {
        padding: 1.563vw 0 0 0;
    }

    .form-dropdown-data.form-dropdown-data-v2 {
        padding-left: 2.5vw;
    }

    .form-dropdown-data.form-dropdown-data-v2 .form-step-half-row .form-step-fileds-box>label {
        width: 13.542vw;
        padding: 0 1.042vw 0 0;
    }

    .form-dropdown-data.form-dropdown-data-v2 .form-step-half-row .fileds-with-popover .fileds-box {
        width: calc(100% - 2.188vw - 13.542vw);
    }

    .form-dropdown-group {
        max-width: 43.854vw;
    }

    .form-dropdown-group-head {
        padding: 0.521vw 0;
    }

    .form-dropdown-group-head+.form-dropdown-group-data {
        margin-top: 1.563vw;
    }

    .form-dropdown-group+.form-dropdown-group {
        margin-top: 1.563vw;
    }

    .group-inner-dropdown-head .group-inner-dropdown-btn {
        /* margin-left: 1.719vw; */
        margin-left: calc(1.719vw + 2.188vw);
    }

    .group-inner-dropdown-head .group-inner-dropdown-btn svg {
        width: 2.188vw;
        height: auto;
    }

    .form-dropdown-data.form-dropdown-data-v2 .group-inner-dropdown-data .form-step-half-row .form-step-fileds-box>label {
        width: calc(13.542vw - 1.094vw);
    }

    .group-inner-dropdown-data .custom-group-row .custom-group-value.select-input-value {
        width: 5.625vw;
    }

    .group-inner-dropdown-data .custom-group-row .custom-group-value.small-input {
        width: 7.917vw;
    }

    .group-inner-dropdown-data .custom-group-row .custom-group-value.final-input-value {
        width: calc(100% - 5.625vw - 7.917vw);
    }

    .group-inner-dropdown-data .custom-group-row:has(.final-input-value.d-none) .custom-group-value.small-input,
    .group-inner-dropdown-data .custom-group-row:has(.small-input.d-none) .custom-group-value.final-input-value {
        width: calc(100% - 5.63vw);
    }

    .group-inner-dropdown-data .custom-group-row:has(.select-input-value.d-none) .custom-group-value.final-input-value {
        width: calc(100% - 7.92vw);
    }

    .form-dropdown-data.form-dropdown-data-v2 .group-inner-dropdown-data .form-step-half-row .fileds-with-popover .fileds-box {
        width: calc(100% - 2.188vw - 13.542vw + 1.094vw);
    }

    .group-inner-dropdown-data {
        padding-left: 1.094vw;
        padding-top: 1.563vw;
    }

    .form-dropdown-group-head::after {
        left: -1.563vw;
        right: -0.938vw;
        border-radius: 5.208vw;
    }

    .card-inner-header {
        padding-top: 1.563vw;
        row-gap: 1.563vw;
    }

    .filepond--panel-root {
        border: dashed 0.104vw var(--theme-light-gray-100);
    }

    .filepond--panel-root {
        border-radius: 0.625vw;
    }

    .filepond--item-panel {
        border-radius: 0.625vw;
    }

    /* .fileds-box:has(.filepond--root.filepond-multiple) .filepond--panel-root {
        border: none;	
        border-radius: 0;
    } */
    .filepond--root.filepond-multiple .filepond--panel.filepond--panel-root {
        display: none;
    }

    .filepond--root.filepond-multiple .filepond--drop-label {
        min-height: 3.54vw;
    }

    .filepond--root.filepond-multiple {
        min-height: 3.96vw;
        max-height: 10.83vw;
    }

    .filepond--root.filepond-3-grid .filepond--item {
        width: calc(33.3% - 0.38vw);
    }

    .filepond--panel-root {
        cursor: pointer;
        background-color: var(--theme-white);
        border: dashed 0.1vw var(--theme-light-gray-100);
        border-radius: 0.63vw;
    }

    .filepond--file-action-button:hover,
    .filepond--file-action-button:focus {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
    }

    .filepond--file {
        padding: 0.781vw;
        border-radius: 0.417vw;
    }

    .filepond--file-info .filepond--file-info-sub {
        font-size: 0.625vw;
        margin-top: 0.104vw;
    }

    .progress-bar-container {
        padding: 0 1.04vw;
        border-radius: 0.63vw;
    }

    .progress-bar-container .progress-bar {
        border-radius: 0.26vw;
    }

    .progress-bar-container .progress-bar span {
        height: 0.26vw;
        border-radius: 0.26vw;
    }

    hr {
        margin: 1.563vw 0;
    }

    .filepond--root .filepond--drop-label label svg {
        width: 1.615vw;
        margin: 0 0 0 0.938vw;
    }

    .filepond--root .filepond--drop-label {
        min-height: 3.958vw;
    }

    .filepond--root .filepond--list-scroller {
        margin-top: 0.833vw;
        margin-bottom: 0.833vw;
    }

    .filepond--item {
        margin: 0.208vw;
    }

    .file-demo-btn {
        margin-bottom: 0.9375vw;
    }

    .file-demo-btn button img {
        width: 1.5625vw;
    }

    .country-select.inside .selected-flag {
        width: 2.8125vw;
    }

    .country-select .selected-flag {
        padding: 0 0 0 0.67708vw;
    }

    .country-select.inside input,
    .country-select.inside input[type="text"] {
        padding-left: 3.22917vw;
    }

    .sample-document .modal-dialog {
        max-width: 46.875vw;
    }

    .sample-document .modal-content {
        border-radius: 1.25vw 1.25vw 0 0;
        padding: 2.91667vw 0 0 0;
    }

    .sample-document .btn-modal-close {
        top: 0.625vw;
        right: 0.625vw;
    }

    .sample-document .icon-modal-div {
        padding: 0 0 1.5625vw 0;
    }

    .filepond--panel-top::after {
        height: 0.104vw;
        bottom: -0.052vw;
    }

    .filepond--panel-bottom::before {
        height: 0.104vw;
        top: -0.052vw;
    }

    .profile-image .filepond--root {
        width: 8.854vw;
    }

    .loader {
        width: 2.5vw;
        height: 2.5vw;
        border: 0.26vw solid var(--primary);
    }

    .filepond--item {
        height: 3.125vw;
    }

    .filepond--action-remove-item.filepond--file-action-button {
        width: 1.563vw;
        height: 1.563vw;
    }

    .form-step-fileds-box input[type="date"]::-webkit-calendar-picker-indicator {
        background-size: 1.042vw auto;
        height: 1.042vw;
        width: 1.042vw;
    }

    .form-step-half-row.form-step-row .form-step-col {
        max-width: 46.979vw;
    }

    .form-step-half-row .form-step-fileds-box>label {
        width: 15.104vw;
        padding: 0 1.563vw 0 0;
    }

    .form-step-half-row .form-step-fileds-box:has(.text-value) .fileds-box {
        width: calc(100% - 2.188vw - 30.729vw);
    }

    .form-step-half-row .fileds-with-popover .fileds-box {
        width: calc(100% - 2.188vw - 15.104vw);
    }

    .form-step-half-row .form-step-fileds-box:has(.text-value)>label {
        width: 30.729vw;
    }

    .form-dropdown-table:has(.form-dropdown-button button.active) {
        border-radius: 0.938vw;
    }

    .form-dropdown-table {
        border-radius: 2.604vw;
    }

    .form-dropdown.form-dropdown-table .form-dropdown-data {
        padding: 0.938vw;
    }

    .dropdown-table-data {
        border-radius: 0.938vw;
        margin: 0 0 0.833vw 0;
    }

    .data-credit table tr th:nth-child(1) {
        min-width: 10.573vw;
    }

    .data-credit table tr th:nth-child(2) {
        min-width: 14.635vw;
    }

    .data-credit table tr th:nth-child(3) {
        min-width: 11.667vw;
    }

    .data-credit table tr th:nth-child(4) {
        min-width: 11.875vw;
    }

    .data-credit table tr th:nth-child(5) {
        min-width: 13.021vw;
    }

    .data-credit table tr th:nth-child(6) {
        min-width: 11.979vw;
    }

    .data-credit table tr th,
    .data-credit table tr td {
        padding: 0.938vw 0.781vw;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .data-credit table tr td:has(.field-action-btn) {
        /* min-width: 9.27vw; */
    }

    .field-action-btn i {
        width: 1.35vw;
    }

    .iti__country-container button.iti__selected-country {
        border-radius: 2.8125vw 0 0 2.8125vw;
    }

    .iti--allow-dropdown .iti__country-container .iti__selected-country-primary {
        border-radius: 2.8125vw 0 0 2.8125vw;
        padding: 0 0.3125vw 0 0.83333vw;
    }

    input.iti__search-input {
        height: 1.82292vw;
        padding: 0.3125vw 0.625vw;
        border-radius: 0.10417vw;
    }

    input.iti__search-input {
        border: 0.05208vw solid #ccc;
    }

    .table-input-fields {
        min-height: 1.15vw;
    }

    .table-input-fields .form-control {
        top: -0.99vw;
        bottom: -0.94vw;
        left: -0.78vw;
        right: -0.83vw;
        font-size: 0.83vw;
    }

    .data-credit table tr:last-child td:first-child .table-input-fields .form-control {
        border-bottom-left-radius: 0.94vw;
    }

    .data-credit table tr:last-child td {
        border-bottom: none !important;
    }

    .data-credit table tr th:first-child,
    .data-credit table tr td:first-child {
        border-left: 0 !important;
    }

    .data-credit table tr th:last-child,
    .data-credit table tr td:last-child {
        border-right: 0 !important;
    }

    .step-row-chart {
        padding-bottom: 1.563vw;
    }

    .chart-data-box {
        padding: 1.25vw 1.563vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 1.25vw;
    }

    .chart-data-box .fileds-box-popover {
        width: 2.188vw;
        padding: 0 0 0 0.938vw;
    }

    .chart-data-box .chart-title {
        width: calc(100% - 2.188vw - 6.25vw);
    }

    .chart-data-box .chart-box {
        width: 6.25vw;
        padding: 0 0 0 1.042vw;
    }

    /* circle-progress::part(circle) {
        stroke-width: 1.042vw;
    }
    circle-progress::part(value) {
        stroke-width: 1.042vw;
    } */
    circle-progress::part(text) {
        font-size: 18px !important;
    }

    .form-step-fileds-box textarea.input-fields {
        height: 6.25vw;
        border-radius: 0.938vw;
    }

    .radio-with-button input[type="radio"]+label {
        padding: 0.833vw 2.813vw 0.833vw 0.938vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 1.823vw;
    }

    .radio-with-button input[type="radio"]+label::after {
        right: 0.625vw;
        width: 1.563vw;
        height: 1.563vw;
        border: solid 0.052vw var(--theme-light-gray-100);
    }

    .radio-with-button input[type="radio"]+label::before {
        right: 0.99vw;
        width: 0.833vw;
        height: 0.833vw;
    }

    .heading-seprator .remove-icon {
        margin: 0 0.573vw 0 0;
    }

    .heading-seprator span {
        padding: 0 0.573vw 0 0;
    }

    .heading-seprator .remove-icon {
        width: 1.25vw;
    }

    .heading-seprator i {
        height: 0.052vw;
    }

    .contact-contents {
        padding: 0 0.573vw 0 0;
    }

    .form-step-fileds-box.fileds-with-video .video-block::after {
        height: 25vw;
    }

    .form-step-fileds-box.fileds-with-video .video-block {
        border-radius: 0.938vw;
    }

    .form-step-fileds-box.fileds-with-video .video-btn button {
        width: 5.521vw;
        height: 5.521vw;
    }

    .form-step-fileds-box.fileds-with-video .video-btn button i svg {
        width: 2.76vw;
    }

    .form-step-fileds-box.fileds-with-video .waves-block {
        width: calc(100% + (0.938vw * 2));
        height: calc(100% + (0.938vw * 2));
        top: -0.938vw;
        left: -0.938vw;
    }

    .conformation-modal .modal-dialog {
        max-width: 26.042vw;
    }

    .conformation-modal .modal-content {
        border-radius: 1.25vw;
        padding: 2.188vw;
    }

    .modal .btn-modal-close {
        top: 0.625vw;
        right: 0.625vw;
    }

    .conformation-modal .icon-modal-div {
        padding: 0 0 1.563vw 0;
    }

    .conformation-modal .icon-modal-div img {
        width: 5.208vw;
    }

    .conformation-modal h3 {
        padding: 0 0 1.563vw 0;
    }

    .conformation-modal .modal-button-group {
        gap: 0.938vw;
    }

    .conformation-modal .modal-button-group .btn {
        min-width: 6.771vw;
    }

    .form-step-half-row .form-step-fileds-box.value-field {
        max-width: 31.25vw;
        padding: 0.313vw 0.313vw 0.313vw 0.938vw;
        border-radius: 2.604vw;
    }

    .form-step-half-row .form-step-fileds-box.value-field label {
        width: 20.313vw;
    }

    .form-step-half-row .form-step-fileds-box.value-field .value-field-box {
        width: calc(100% - 20.313vw);
        padding: 0.469vw 0.469vw 0.469vw 0.938vw;
        border-radius: 2.604vw;
        min-height: 2.34vw;
    }

    .popover {
        --bs-popover-border-radius: 0.938vw;
        --bs-popover-body-padding-x: 0.938vw;
        --bs-popover-body-padding-y: 0.938vw;
        --bs-popover-max-width: 20.521vw;
        --bs-popover-arrow-width: 0.833vw;
        --bs-popover-arrow-height: 0.417vw;
        border: none;
    }

    .popover .popover-body-inner .popover-body {
        max-height: 13.02vw;
    }

    .popover-body ul li {
        padding: 0 0 0 0.833vw;
    }

    .popover-body ul li:after {
        top: 0.365vw;
        width: 0.417vw;
        height: 0.417vw;
    }

    .popover-body ul li+li {
        margin-top: 0.938vw;
    }

    .popover-body p+p {
        margin-top: 0.78vw;
    }

    .popover-body .video-btn i {
        width: 1.875vw;
        height: 1.875vw;
    }

    .popover-body .video-btn i.popover-play-icon {
        background-size: 0.938vw auto;
    }

    .popover-body .video-btn .waves-block {
        width: calc(100% + (0.313vw * 2));
        height: calc(100% + (0.313vw * 2));
        top: -0.313vw;
        left: -0.313vw;
    }

    .form-video-top {
        padding-bottom: 1.563vw;
    }

    .form-video-top .video-block {
        border-radius: 0.938vw;
    }

    .form-video-top .video-btn button {
        width: 4.688vw;
        height: 4.688vw;
    }

    .form-video-top .video-btn button i svg {
        width: 2.188vw;
    }

    .form-video-top .waves-block {
        width: calc(100% + (0.625vw * 2));
        height: calc(100% + (0.625vw * 2));
        top: -0.625vw;
        left: -0.625vw;
    }

    .form-step-fileds-box .link-box .input-fields {
        padding-right: 11.458vw;
    }

    .form-step-fileds-box .link-box .enter-input-btn {
        top: 0.313vw;
        right: 0.313vw;
    }

    .enter-input-btn .fatch-btn {
        padding: 0.417vw 0.938vw;
        border-radius: 2.604vw;
        min-height: 2.188vw;
    }

    .fileds-box ul.table-list {
        padding: 1.563vw;
        border: solid 0.104vw var(--theme-light-gray-100);
        border-radius: 0.938vw;
    }

    .fileds-box ul.table-list li {
        padding: 0.313vw 0.313vw 0.313vw 0.938vw;
        border-radius: 2.604vw;
    }

    .fileds-box ul.table-list li .table-list-value {
        min-width: 9.063vw;
        padding: 0.469vw 0.938vw;
        border-radius: 2.604vw;
    }

    .fileds-box ul.table-list li .table-list-title {
        padding: 0 1.042vw 0 0;
    }

    .fileds-box ul.table-list li+li {
        margin-top: 1.563vw;
    }

    .borrower-row-section+.borrower-row-section,
    .form-step-row+.form-step-row {
        padding-top: 1.563vw;
    }

    /* Profile Page Start */
    .profile-main {
        gap: 1.563vw;
    }

    .profile-image-block {
        width: 16.667vw;
        padding: 2.188vw 1.042vw;
        border-radius: 1.25vw;
    }

    .profile-image-block:before,
    .profile-image-block:after {
        height: 0.313vw;
        width: 7.292vw;
    }

    .profile-image-block:before {
        border-radius: 0 0 1.25vw 1.25vw;
    }

    .profile-image-block:after {
        border-radius: 1.25vw 1.25vw 0 0;
    }

    .profile-image-block .profile-image {
        width: 5.208vw;
        height: 5.208vw;
        margin: 0 auto 1.563vw;
        border: solid 0.208vw var(--theme-primary-color);
    }

    .profile-image-upload {
        bottom: 0.313vw;
        right: -0.833vw;
    }

    .profile-image-upload .image-upload-btn {
        width: 2.083vw;
        height: 2.083vw;
    }

    .profile-image-upload .image-upload-btn svg {
        width: 1.042vw;
        height: auto;
    }

    .profile-image-box img {
        width: 2.083vw;
    }

    .profile-detail-header-edit .btn {
        padding: 0.208vw 0.677vw 0.208vw 0.208vw;
        min-height: 1.875vw;
    }

    .profile-detail-header-edit .btn i {
        margin: 0 0.521vw 0 0;
        width: 1.458vw;
        height: 1.458vw;
        padding: 0.26vw;
    }

    .profile-detail-block {
        padding: 1.563vw;
        border: solid 0.052vw var(--theme-light-gray-100);
        border-radius: 1.25vw;
    }

    .profile-detail-block .profile-detail-header {
        padding-bottom: 1.563vw;
        border-bottom: solid 0.052vw var(--theme-light-gray-100);
        gap: 1.042vw;
    }

    .profile-detail-info-row {
        margin: 0 -0.781vw;
        row-gap: 1.563vw;
    }

    .profile-detail-info-row .profile-detail-info-col {
        width: 33.33%;
        padding: 0 0.781vw;
    }

    .profile-detail-info-box .profile-detail-info-icon {
        width: 2.188vw;
        height: 2.188vw;
    }

    .profile-detail-info-box .profile-detail-info-icon img {
        width: 0.938vw;
    }

    .profile-detail-info-box .profile-detail-info {
        width: calc(100% - 2.188vw);
        padding: 0 0 0 0.625vw;
    }

    .profile-detail-info .profile-detail-title {
        padding: 0 0 0.313vw 0;
    }

    .profile-detail-info-wrap {
        padding: 1.563vw 0 0 0;
    }

    .profile-detail-info-wrap .form-action-button .btn {
        min-width: 8.542vw;
    }

    /* Profile Page End */

    .footer-dashbord {
        padding: 0 1.563vw;
    }

    .footer-dashbord-inner {
        border-radius: 1.25vw 1.25vw 0 0;
        padding: 1.25vw 1.563vw;
    }

    .page-loader-wrap:after {
        margin: -1.094vw 0 0 -1.094vw;
        width: 2.604vw;
        height: 2.604vw;
        border: 0.313vw solid var(--theme-secondary-color);
    }

    .invalid-step-tooltip {
        top: calc(100% + 0.26vw);
        padding: 0.208vw 0.417vw;
        font-size: 0.729vw;
        border-radius: 0.313vw !important;
    }

    .dropdown-table-data .invalid-step-tooltip {
        /* min-width: 26.04vw; */
        top: auto;
        bottom: -0.94vw;
        left: 0;
        min-width: 100%;
        font-size: 0.63vw;
    }

    .popover-content-modal .modal-dialog {
        max-width: 72.92vw;
    }

    .popover-content-modal .modal-header {
        padding: 0.83vw 2.86vw 0.83vw 0.83vw;
    }

    .popover-content-modal .modal-body {
        padding: 0.83vw;
    }

    .popover-content-modal .modal-content {
        border-radius: 1.25vw;
    }

    .filepond--file-status .filepond--file-status-main {
        font-size: 0.63vw;
        line-height: 1.2;
    }

    .filepond--file-status .filepond--file-status-sub {
        font-size: 0.52vw;
    }

    .filepond--file-action-button.filepond--file-action-button {
        width: 1.35vw;
        height: 1.35vw;
    }

    .filepond--file [data-align*="right"] {
        right: 0.47vw;
    }

    .filepond--file [data-align*="left"] {
        left: 0.47vw;
    }

    .filepond--file .filepond--file-status {
        margin-right: 1.875vw;
    }

    .filepond--file-status {
        min-width: 1.875vw;
    }

    .filepond--file-action-button.filepond--file-action-button::after {
        position: absolute;
        left: -0.63vw;
        right: -0.63vw;
        top: -0.63vw;
        bottom: -0.63vw;
        content: "";
    }

    .filepond--file .filepond--progress-indicator[data-align*="right"] {
        margin-right: 0.16vw;
    }

    .filepond--file .filepond--progress-indicator {
        margin-top: 0.16vw;
    }

    .filepond--processing-complete-indicator,
    .filepond--progress-indicator {
        width: 1.04vw;
        height: 1.04vw;
    }
}

@media screen and (min-width: 1921px) {
    .flatpickr-calendar {
        font-size: 0.72917vw;
        line-height: 1.25vw;
        border-radius: 0.26042vw;
        width: 16.03516vw;
        -webkit-box-shadow: 0.05208vw 0 0 #e6e6e6, -0.05208vw 0 0 #e6e6e6,
            0 0.05208vw 0 #e6e6e6, 0 -0.05208vw 0 #e6e6e6,
            0 0.15625vw 0.67708vw rgba(0, 0, 0, 0.08);
        box-shadow: 0.05208vw 0 0 #e6e6e6, -0.05208vw 0 0 #e6e6e6,
            0 0.05208vw 0 #e6e6e6, 0 -0.05208vw 0 #e6e6e6,
            0 0.15625vw 0.67708vw rgba(0, 0, 0, 0.08);
    }

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        max-height: 33.33333vw;
    }

    .flatpickr-calendar.inline {
        top: 0.10417vw;
    }

    .flatpickr-calendar.static {
        top: calc(100% + 0.10417vw);
    }

    .flatpickr-calendar.static.open {}

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
        -webkit-box-shadow: -0.10417vw 0 0 #e6e6e6, 0.26042vw 0 0 #e6e6e6;
        box-shadow: -0.10417vw 0 0 #e6e6e6, 0.26042vw 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 2.08333vw;
        border-top: 0.05208vw solid #e6e6e6;
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        left: 1.14583vw;
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.arrowRight:after {
        right: 1.14583vw;
    }

    .flatpickr-calendar:before {
        border-width: 0.26042vw;
        margin: 0 -0.26042vw;
    }

    .flatpickr-calendar:after {
        border-width: 0.20833vw;
        margin: 0 -0.20833vw;
    }

    .flatpickr-months .flatpickr-month {
        height: 1.77083vw;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        height: 1.77083vw;
        padding: 0.52083vw;
    }

    .flatpickr-months .flatpickr-prev-month svg,
    .flatpickr-months .flatpickr-next-month svg {
        width: 0.72917vw;
        height: 0.72917vw;
    }

    .numInputWrapper span {
        width: 0.72917vw;
        padding: 0 0.20833vw 0 0.10417vw;
        border: 0.05208vw solid rgba(57, 57, 57, 0.15);
    }

    .numInputWrapper span.arrowDown:after {
        border-left: 0.20833vw solid transparent;
        border-right: 0.20833vw solid transparent;
        border-top: 0.20833vw solid rgba(57, 57, 57, 0.6);
    }

    .flatpickr-current-month {
        padding: 0.38958vw 0 0 0;
        height: 1.77083vw;
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        margin: -0.05208vw 0 0 0;
    }

    .flatpickr-weekdays {
        height: 1.45833vw;
    }

    .dayContainer,
    .flatpickr-weeks {
        padding: 0.05208vw 0 0 0;
    }

    .flatpickr-days {
        width: 16.03516vw;
    }

    .dayContainer {
        width: 16.03516vw;
        min-width: 16.03516vw;
        max-width: 16.03516vw;
    }

    .dayContainer+.dayContainer {
        -webkit-box-shadow: -0.05208vw 0 0 #e6e6e6;
        box-shadow: -0.05208vw 0 0 #e6e6e6;
    }

    .flatpickr-day {
        border: 0.05208vw solid transparent;
        border-radius: 7.8125vw;
        max-width: 2.03125vw;
        height: 2.03125vw;
        line-height: 2.03125vw;
    }

    .flatpickr-day.selected.startRange,
    .flatpickr-day.startRange.startRange,
    .flatpickr-day.endRange.startRange {
        border-radius: 2.60417vw 0 0 2.60417vw;
    }

    .flatpickr-day.selected.endRange,
    .flatpickr-day.startRange.endRange,
    .flatpickr-day.endRange.endRange {
        border-radius: 0 2.60417vw 2.60417vw 0;
    }

    .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n + 1)),
    .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n + 1)),
    .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n + 1)) {
        -webkit-box-shadow: -0.52083vw 0 0 #569ff7;
        box-shadow: -0.52083vw 0 0 #569ff7;
    }

    .flatpickr-day.selected.startRange.endRange,
    .flatpickr-day.startRange.startRange.endRange,
    .flatpickr-day.endRange.startRange.endRange {
        border-radius: 2.60417vw;
    }

    .flatpickr-day.inRange {
        -webkit-box-shadow: -0.26042vw 0 0 #e6e6e6, 0.26042vw 0 0 #e6e6e6;
        box-shadow: -0.26042vw 0 0 #e6e6e6, 0.26042vw 0 0 #e6e6e6;
    }

    .flatpickr-day.week.selected {
        -webkit-box-shadow: -0.26042vw 0 0 #569ff7, 0.26042vw 0 0 #569ff7;
        box-shadow: -0.26042vw 0 0 #569ff7, 0.26042vw 0 0 #569ff7;
    }

    .rangeMode .flatpickr-day {
        margin-top: 0.05208vw;
    }

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 0.625vw;
        -webkit-box-shadow: 0.05208vw 0 0 #e6e6e6;
        box-shadow: 0.05208vw 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        line-height: 1.45833vw;
    }

    .flatpickr-time {
        line-height: 2.08333vw;
        max-height: 2.08333vw;
    }

    .flatpickr-time .numInputWrapper {
        height: 2.08333vw;
    }

    .flatpickr-time input {
        font-size: 0.72917vw;
    }

    @-webkit-keyframes fpFadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -1.042vw, 0);
            transform: translate3d(0, -1.042vw, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes fpFadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -1.042vw, 0);
            transform: translate3d(0, -1.042vw, 0);
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .notification-table .form-check .form-check-input {
        width: 2.60417vw;
        height: 1.25vw;
    }

    .notification-table .form-check .form-check-label {
        padding: 0 0 0 0.9375vw;
    }

    .table-delete-btn {
        border-radius: 1.04167vw;
        padding: 0.41667vw 0.9375vw;
        min-height: 2.1875vw;
    }

    .notification-table table.dataTable tbody td {
        padding: 1.5625vw 0 0 0;
    }

    .notification-box {
        padding: 1.25vw 0.9375vw 0.9375vw 3.54167vw;
        border-radius: 1.25vw;
    }

    .notification-header {
        margin: 0 0 0.46875vw 0;
    }

    .notification-header>i {
        margin: 0 0.625vw 0 0;
        width: 1.97917vw;
        height: 1.97917vw;
        padding: 0.41667vw;
    }

    .notification-header>i img {
        width: 100%;
        height: auto;
    }

    .date-time-notification i img,
    .date-time-notification i {
        min-width: 0.9375vw;
        width: 0.9375vw;
        height: 0.9375vw;
        margin: 0 0.41667vw 0 0;
    }

    .notification-discription {
        padding: 0 2.39583vw 0 0;
    }

    .notification ul li .btn-notification:has(+ .notification-modal)::after {
        bottom: -1.45833vw;
    }

    .notification-modal:after {
        top: -0.78125vw;
        border-left: 0.67708vw solid transparent;
        border-right: 0.67708vw solid transparent;
        border-bottom: 1.35417vw solid var(--theme-white);
    }

    .notification-modal {
        margin-top: 1.35417vw;
        -webkit-transform: translateX(-50%) translateY(0.78125vw);
        -moz-transform: translateX(-50%) translateY(0.78125vw);
        -ms-transform: translateX(-50%) translateY(0.78125vw);
        transform: translateX(-50%) translateY(0.78125vw);
        width: 28.33333vw;
        border-radius: 0.625vw;
        box-shadow: 0 0.20833vw 0.20833vw 0 rgba(0, 0, 0, 0.12);
        padding: 0.625vw;
    }

    .notification-discription+.date-time-notification {
        margin-top: 0.41667vw;
    }

    .notification-modal li+li {
        margin-top: 0.625vw !important;
    }
}

/*================================================================*/
/* Dashbord Footer Design End */
/*================================================================*/
/**********************************************************************************************************************/

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: color-mix(in srgb,
            var(--theme-primary-color) 25%,
            transparent) !important;
    width: 4px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--theme-primary-color) !important;
}

.mCSB_scrollTools {
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: var(--theme-primary-color);
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 4px;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 0;
    height: 4px;
}

/* NProgress Starts */
#nprogress .bar {
    height: 0.3rem;
    background: var(--theme-primary-color);
    /* emerald */
    z-index: 99999 !important;
}

#nprogress .peg {
    box-shadow: 0 0 10px var(--theme-primary-color),
        0 0 5px var(--theme-primary-color);
}

/* NProgress Ends */

/*excel dialog */
.excel-dialog {
    border-radius: 24px;
    border: 0;
    width: calc(100% - 40px);
    overflow: hidden;
    margin: 20px auto;
    max-width: 100%;
    max-height: 100%;
    height: calc(100% - 40px);
}

.excel-dialog .excel-dialog-header {
    padding: 24px;
    border-bottom: 1px solid var(--theme-light-gray-100);
}

.excel-dialog .excel-dialog-body {
    padding: 24px;
    height: calc(100% - 190px);
}

.excel-dialog-body .excelview {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    min-height: 510px;
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

#excel-view .x-spreadsheet-toolbar {
    display: none;
}

#excel-view .x-spreadsheet-table,
.x-spreadsheet-editor-area input,
.x-spreadsheet-editor-area textarea {
    pointer-events: none;
    user-select: none;
}

#excel-view .x-spreadsheet-editor-area {
    pointer-events: none;
    user-select: none;
}

.excel-dialog-header .btn-modal-close {
    color: #e15814;
    z-index: 99;
    background-color: transparent !important;
    outline: none;
    box-shadow: none !important;
}


.main-wrap-user-data {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}


.main-wrap-user-data .inner-wrap-user-data {
    flex: 1 1 100%;
    width: 100%;
}

/* Case 1: exactly 2 children → each 50% */
.main-wrap-user-data:has(.inner-wrap-user-data:nth-child(2):last-child) .inner-wrap-user-data {
    flex: 1 1 calc(50% - 15px);
    width: calc(50% - 15px);
}

/* Case 3: exactly 3 children */
.main-wrap-user-data:has(.inner-wrap-user-data:nth-child(3):last-child) .inner-wrap-user-data:nth-child(-n+2) {
    flex: 1 1 calc(50% - 15px);
    width: calc(50% - 15px);
}

.main-wrap-user-data:has(.inner-wrap-user-data:nth-child(3):last-child) .inner-wrap-user-data:nth-child(3) {
    flex: 1 1 100%;
    width: 100%;
}

.inner-wrap-user-data>h4 {
    padding-bottom: 30px;
    font-weight: 800;
}

.inner-wrap-user-data .form-data {
    padding-bottom: 0;
}

.inner-wrap-user-data .form-dropdown {
    width: 100%;
}

.inner-wrap-user-data .filepond--root .filepond--drop-label,
.inner-wrap-user-data .fileds-box .filepond--root,
.inner-wrap-user-data .fileds-box:has(.filepond--root) {
    min-height: 92px;
}

@media (min-width: 1921px) {
    .main-wrap-user-data {
        gap: 1.56vw;
    }

    /* Case 1: exactly 2 children → each 50% */
    .main-wrap-user-data:has(.inner-wrap-user-data:nth-child(2):last-child) .inner-wrap-user-data {
        flex: 1 1 calc(50% - 0.78vw);
        width: calc(50% - 0.78vw);
    }

    /* Case 3: exactly 3 children */
    .main-wrap-user-data:has(.inner-wrap-user-data:nth-child(3):last-child) .inner-wrap-user-data:nth-child(-n+2) {
        flex: 1 1 calc(50% - 0.78vw);
        width: calc(50% - 0.78vw);
    }

    .inner-wrap-user-data>h4 {
        padding-bottom: 1.56vw;
    }

    .inner-wrap-user-data .form-data {
        padding-bottom: 0;
    }

    .inner-wrap-user-data .form-dropdown {
        width: 100%;
    }

    .inner-wrap-user-data .filepond--root .filepond--drop-label,
    .inner-wrap-user-data .fileds-box .filepond--root,
    .inner-wrap-user-data .fileds-box:has(.filepond--root) {
        min-height: 4.79vw;
    }

}


.form-step-content-block {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    margin: 0 auto;
}

.progress-content-title {
    width: 100%;
    padding: 0 0 18px 0;
}

.step-progress-bar {
    background-color: color-mix(in srgb, var(--theme-primary-color) 18%, transparent);
    height: 42px;
    margin-bottom: 30px;
}

.step-progress-bar>span {
    background-color: var(--theme-primary-color);
    color: var(--theme-white);
    padding: 0;
    margin: 0;
}

.step-content-icon {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: solid 2px var(--theme-primary-color);
    background-color: #F8F3F1;
    padding: 20px;
}

.step-content-icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.step-content-detail {
    width: calc(100% - 160px - 30px);

}

.step-content-detail *:last-child {
    margin-bottom: 0;
}

.step-content-detail p {
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    line-height: normal;
    margin-bottom: 26px;
}

.step-content-detail p span {
    color: var(--theme-primary-color);
}

@media (min-width: 1921px) {
    .form-step-content-block {
        padding-bottom: 1.563vw;
    }

    .progress-content-title {
        padding: 0 0 0.94vw 0;
    }

    .step-progress-bar {
        height: 2.19vw;
        margin-bottom: 1.56vw;
    }

    .step-content-icon {
        width: 8.33vw;
        height: 8.33vw;
        border: solid 0.1vw var(--theme-primary-color);
        padding: 1.04vw;
    }

    .step-content-icon img {
        width: 5.21vw;
        height: 5.21vw;
    }

    .step-content-detail {
        width: calc(100% - 8.33vw - 1.56vw);
    }

    .step-content-detail *:last-child {
        margin-bottom: 0;
    }

    .step-content-detail p {
        margin-bottom: 1.35vw;
    }
}


.offer-box-wrap {
    width: 100%;
    padding: 20px;
    border: solid 2px var(--theme-primary-color);
    border-radius: 18px;
    overflow: hidden;
}

.offer-box-wrap .title-offer {
    padding: 0 0 20px 0;
    text-align: center;
}

.offer-box-wrap .preview-image {
    width: 100%;
    position: relative;
    overflow: hidden;
}
/* .offer-box-wrap .preview-image > div {
 display: none !important;
} */

.disabled-offer-div {
    pointer-events: none;  /* blocks all mouse/touch events */
    user-select: none;     /* prevent text selection */
    opacity: 0.5;          /* visual feedback for disabled */
}
.offer-box-wrap .preview-image::after {
    content: "";
    width: 100%;
    display: block;
    padding: 19.137% 50%;
    pointer-events: none;
}

.offer-box-wrap:has(.disabled-offer-div) {
    pointer-events: none;
    user-select: none;
    opacity: 0.5;
    border-color: color-mix(in srgb, var(--theme-secondary-color) 50%, transparent);
}

.offer-box-wrap .preview-image canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.btn-offer-wrap {
    gap: 15px;
    justify-content: center;
    padding-top: 30px;
    flex-wrap: wrap;
}

.form-step-row .form-step-col:has( > .offer-box-wrap ) {
    display: -ms-flexbox;
    display: flex;
}

.offer-box-wrap:has(.btn-offer-wrap input[type="radio"]:checked) {
    border-color: #26ae5d;
}
.offer-box-wrap {
    position: relative;
}
.offer-box-wrap:has(.btn-offer-wrap input[type="radio"]:checked):after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    border-radius: 0 0 0 10px;
    background-color: #26ae5d;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M7 12L9.89075 14.8907V14.8907C9.95114 14.951 10.049 14.9511 10.1094 14.8907V14.8907L17 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 40px;
    height: 40px;
    z-index: 3;
}


.btn-filepond.bg-primary {
    padding: 6px 12px;
    background-color: #ffffff !important;
    color: #008000;
    margin: 0 24px 0 0 !important;
    font-size: 14px !important;
}
.btn-filepond.bg-secondary {
    margin: 0 24px 0 0 !important;
    background-color: #8f8f8f !important;
    font-size: 14px !important;
}

#eventsContainer p {
    margin-bottom: 0;
}
.calendly-overlay .calendly-popup {
    background-color: #ffffff;
}

@media (min-width: 1921px) {
    .offer-box-wrap {
        padding: 1.04vw;
        border: solid 0.1vw var(--theme-primary-color);
        border-radius: 0.94vw;
    }

    .offer-box-wrap .title-offer {
        padding: 0 0 1.04vw 0;
    }

    .btn-offer-wrap {
        gap: 0.78vw;
        padding-top: 1.56vw;
    }

    .offer-box-wrap:has(.btn-offer-wrap input[type="radio"]:checked):after {
        top: -0.1vw;
        right: -0.1vw;
        border-radius: 0 0 0 0.52vw;
        background-size: 1.56vw 1.56vw;
        width: 2.08vw;
        height: 2.08vw;
    }

    
    .btn-filepond.bg-primary {
        padding: 0.31vw 0.63vw;
        margin: 0 1.25vw 0 0 !important;
        font-size: 0.73vw !important;
    }
    .btn-filepond.bg-secondary {
        margin: 0 1.25vw 0 0 !important;
        font-size: 0.73vw !important;
    }

    #eventsContainer p {
        margin-bottom: 0;
    }
}

/* Meeting Section Start */
#eventsContainer {
    row-gap: 30px;
}
#eventsContainer > [class^="col-"] {
    display: -ms-flexbox;
    display: flex;
    
}
.meeting-item {
    background-color: color-mix(in srgb, var(--theme-primary-color) 8%, transparent);
    width: 100%;
    border-radius: 15px;
    padding: 26px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.meeting-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.meeting-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.meeting-index {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-white);
    font-weight: 900;
    font-size: 14px;
    margin-right: 15px;
    background-color: var(--theme-primary-color);
}
.meeting-title h3{
    color: var(--theme-secondary-color);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.meeting-details {
    padding-left: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.meeting-details-top {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.meeting-btn-wrap {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
}
.meeting-details .btn i {
    width: 26px;
    height: 26px;
    padding: 4px;
    margin: 0 0 0 12px
}
.meeting-details .btn {
    min-height: 40px;
    font-size: var(--p3-fs);
    padding: 6px 6px 6px 16px;

}
.time-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.time-block {
    display: flex;
    align-items: center;
    gap: 8px;
}
.time-block span {
    font-size: var(--p3-fs);
}

.time-icon {
    width: 20px;
    height: 20px;
    fill: #7f8c8d;
}

.time-label {
    font-weight: 600;
    color: #34495e;
    margin-right: 5px;
}

.time-value {
    color: #5d6d7e;
}

.description {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}


.description-label {
    font-weight: 600;
    font-size: var(--p3-fs);
    color: #34495e;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.description-text {
    color: #5d6d7e;
    line-height: 1.6;
    margin: 0;
    font-size: var(--p3-fs);
}
@media (min-width: 1921px) {
    #eventsContainer {
        row-gap: 1.56vw;
    }
    .meeting-item {
        border-radius: 0.78vw;
        padding: 1.35vw;
    }
    .meeting-item:hover {
        transform: translateY(-0.26vw);
        box-shadow: 0 0.78vw 1.56vw rgba(0, 0, 0, 0.15);
    }
    .meeting-header {
        margin-bottom: 0.42vw;
        gap: 0.31vw;
    }
    .meeting-index {
        width: 1.98vw;
        height: 1.98vw;
        font-size: 0.73vw;
        margin-right: 0.78vw;
    }
    .meeting-title h3{
        font-size: 1.04vw;
    }
    .meeting-details .btn i {
        width: 1.35vw;
        height: 1.35vw;
        padding: 0.21vw;
        margin: 0 0 0 0.63vw;
    }
    .meeting-details .btn {
        min-height: 2.08vw;
        padding: 0.31vw 0.31vw 0.31vw 0.83vw;
    }
    .time-info {
        gap: 0.42vw;
        margin-bottom: 0.42vw;
    }
    .time-block {
        gap: 0.42vw;
    }
    .time-icon {
        width: 1.04vw;
        height: 1.04vw;
    }
    .time-label {
        margin-right: 0.26vw;
    }
    .description {
        margin-top: 0.52vw;
        padding-top: 0.52vw;
        border-top: 0.05vw solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0.52vw;
    }
    .description-label {
        margin-bottom: 0.42vw;
        gap: 0.42vw;
    }
}
 @media (max-width: 767px) {
    .meetings-card {
        padding: 20px;
    }
    .meeting-item {
        padding: 20px;
    }
    .meeting-details {
        padding-left: 0;
        margin-top: 8px;
    }
    .meeting-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .time-info {
        flex-direction: column;
        gap: 10px;
    }
}
/* Meeting Section End */


.modal-backdrop {
    --bs-backdrop-zindex: 9998;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.text-primary.spinner-border {
    border-color: var(--theme-primary-color) !important;
    border-right-color: transparent !important;
}

.swal2-container {
    z-index: 100000 !important;
}

body .calendly-overlay .calendly-popup {
    max-height: 660px !important;
}

/* Step View Design Start */
.card-body-view .form-step-fileds-box label {
    margin: 0 0 6px 0;
}
.card-body-view .fileds-with-popover .fileds-box {
    width: 100%;
    font-size: var(--p2-fs);
}
.card-body-view .step-1-view-table table tr th {
    font-weight: 700;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    text-transform: none;
}
.card-body-view .step-1-view-table table tr td {
    font-weight: 400;
    font-size: var(--p2-fs);
    color: var(--theme-secondary-color);
    text-transform: none;
}
.card-body-view .form-data {
    padding-bottom: 0;
}
.card-body-view .step-1-view-table table tr th label {
    margin-bottom: 0 !important;
}

@media (min-width: 1921px) {
    .card-body-view .form-step-fileds-box label {
        margin: 0 0 0.33vw 0;
    }
    .card-body-view .form-data {
        padding-bottom: 0;
    }
    .card-body-view .step-1-view-table table tr th label {
        margin-bottom: 0 !important;
    }

}
/* Step View Design End */


.form-step-fileds-box:has(.file-demo-btn)  label {
	padding-right:200px;
}