/* Fonts */
:root {
    --font-default: 'dm_sansregular',sans-serif;
    --font-bold: 'dm_sansbold',sans-serif;
    --font-italic: 'dm_sansbold_italic',sans-serif;
    --font-sans-italic: 'dm_sansitalic',sans-serif;
    --font-medium-italic: 'dm_sansmedium_italic',sans-serif;


    /* Colors */
    --color-default: #006D99;
    --color-primary: #494949;
    --color-secondary: #FFF5DB;
    --color-cornsilk: #F3FBFE;
    --color-white: #fff;


    /* Smooth scroll behavior */

    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: var(--font-default);
    color: var(--color-primary);
    font-size: 18px;
    line-height: 28px;
    background-color: #F9F9F9;

}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: #00b6a1;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-bold);
    color: var(--color-default);
}

::-ms-input-placeholder { /* Edge 12-18 */
    color: var(--color-primary);
}

::placeholder {
    color: var(--color-primary);
}

/*--------------------------------------------------------------
# navbar login page css
--------------------------------------------------------------*/
.navbar {display: flex;justify-content: space-between; align-items: center;padding: 17px 28px;}
.user-details {float: left;width: 52px;height: 52px;border: 2px #fff solid; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2); border-radius: 100px !important;display: flex;
    justify-content: center;
    align-content: center;}



.user-details img { max-width: 48px;height: 48px;border-radius: 100px;}
.user-detail{
    float: left;
    width: 52px;
    height: 52px;
    border: 2px #fff solid;
    /*box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);*/
    border-radius: 100px !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

.logout {float: right;width: 30px;padding: 21px 0;}
.logout img {width: 30px;}
.logo-main {float: left; width: 83px; padding: 0 0 0;}
.logo-main a { display: block;width: 55px; }
.logo-main a img {width: 47px;object-fit: cover;}
.toggle-section {width: 100%;float: left; position: relative;}
.search-details { float: left;width: 100%;max-width: 286px;padding-left: 45px;display: flex;align-items: center;}
.searchicon {float: left;width: 13px;margin: 0 12px 0 0;}
/*.search-details input {border: none;width: calc(100% - 50px); font-size: 12px;}*/
.search-details  .my-search {background: #f6f6f6;padding: 11px 20px 11px 47px;font-size: 16px !important;border: transparent;border-radius: 30px !important;color: #a6a6a6;}
.search-details  .my-search::-ms-input-placeholder { /* Edge 12-18 */color: #a6a6a6;}
.search-details  .my-search::placeholder {color: #a6a6a6;}
.search-details .my-search:focus {outline: none;box-shadow: none;border: transparent;}
.search-details .input-group-append {position: absolute;top: 3px;left: 5px;z-index: 9;}
.search-details .input-group-append .btn img {
    width: 20px;
}
.search-details .input-group-append .btn i {color: #a6a6a6;}
.main-right-div {display: flex;align-items: center;width: 30%;justify-content: flex-end;}
.main-right-div ul {margin: 0;padding: 0;list-style: none;display: flex;justify-content: space-between;align-items: center;}
.main-right-div ul li {margin-right: 52px;}
.main-right-div ul li:last-child{margin-right: 0;}
.main-right-div ul li a .notification {position: relative;margin-top: 10px;}
.main-right-div ul li a .notification i {font-size: 30px;color: var(--color-default);}
.main-right-div ul li a .notification .count-symbol {width: 25px;height: 25px;border-radius: 100px;position: absolute;top: -12px;right: -7px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 900;color: #fff;}
.main-right-div ul li a .notification .bg-danger {background-color: #FF6A6A !important;}
.main-right-div ul li .language-box {width: 55px;height: 55px;background: #ddefff;border-radius: 100px !important;display: flex;justify-content: center;align-content: center;float: left;position: relative;padding: 10px;}
.language-box img {width: 32px;height: 32px;}
.search-details input:focus {outline: none;}
@keyframes hover {
    50% {
        transform: translateX(10px);
    }
}

.header .sidebar-nav-canvas{height: 100%;width: 153px;overflow: hidden;background: #fff;transition: 0.3s ease;padding: 12px 10px;border-radius: 0 10px 10px 0;}
.offcanvas-menu > label {top: 3px;left: -30px;position: absolute;width: 40px;height: 40px;cursor: pointer;transition: 0.3s ease;display: flex;align-items: center;z-index:1;}
.offcanvas-menu label span,
.offcanvas-menu label span::before,
.offcanvas-menu label span::after {transition: background 0.3s, transform 0.3s;}
.offcanvas-menu label span,
.offcanvas-menu label span::before,
.offcanvas-menu label span::after {content: "";position: absolute;height: 2px;width: 33px;background: var(--color-default);}
.offcanvas-menu label span::before {transform: translateY(-9px);}
.offcanvas-menu label span::after {transform: translateY(9px);width: 22px;}
.offcanvas-menu .navbar-offcanvas-menu {position: fixed;height: 100%;width: 147px;left: -147px;overflow: hidden;background: #fff;transition: 0.3s ease;padding: 12px 10px;border-radius: 10px;z-index: 99999;top: 118px;}
.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;width: 100%;}
.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block a {font-size: 14px;font-weight: 500;display: flex;align-items: center;}
.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block a i {font-size: 4rem;background: linear-gradient(120deg, #49a4ed 30%, #3d00a9 110%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block label {width: 32px;height: 32px;display: flex !important;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s ease;border: solid #E9ECEF 1px;border-radius: 100px;position: relative;}
.sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span,
.sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span:before,
.sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span:after {background: #4d4d4d;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul {margin: 25px 0 0 0;padding: 0;list-style: none;display: block;overflow: auto;max-height: 92vh;overflow-x: hidden;width: 100%;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li {border: solid #D9EFFF 1px;border-radius: 10px;background: #fff;padding: 7px 10px;margin-bottom: 14px;text-align: center;width: 129px;display: flex;flex-wrap: wrap;justify-content: center;box-shadow: 0 0 0 1px #D9EFFF;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a {font-size: 14px;line-height: 22px;font-weight: 600;color: var(--color-default);}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a .icon {margin-bottom: 12px;margin-top: 2px;float: left;display: block;width: 100%;text-align: center;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover {border: solid #EAEAEA 1px;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover a {color: #383C3E;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover a .icon img {filter: brightness(0%);}

.offcanvas-block .btn-close {opacity:1;width: 32px;height: 32px;display: flex !important;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s ease;border: solid #E9ECEF 1px;border-radius: 100px;position: absolute;right: 12px;background-image: url(../images/close-icon.svg) !important;padding: 0;background-size: 32px 32px;top: 11px;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a .icon img {width: 21px;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul .logout {border: solid #EAEAEA 1px;}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul .logout a {color: #383C3E;}
.offcanvas-block a {font-size: 14px;line-height: 28px;padding-left: 13px;color: #383C3E;}
.offcanvas-block .btn-close:focus {outline: none;box-shadow: none;}

.offcanvas-block {
    font-size: 14px;
    line-height: 28px;
    margin-top: 2px;
}
/* custom scrollbar */
/*::-webkit-scrollbar {width: 5px;}*/
/*::-webkit-scrollbar-track {background-color: transparent;}*/
/*::-webkit-scrollbar-thumb {background-color: #d6dee1;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;}*/
/*::-webkit-scrollbar-thumb:hover {background-color: #a8bbbf;}*/
/* margin-top*/



.forgot-link {
    text-align: center;
    width: 95%;
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    line-height: 26px;
    color: var(--color-default);
    padding-top: 5px;
}
.forgot-link:hover {
    color: #FF8A00;
}
.login-block-remember {
    padding: 10px 0;
    display: flex;
    justify-content: flex-end;
    width: 95%;
}
.login-block .login-block-remember p {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
}
.login-block .login-block-remember p a {
    color: var(--color-default);
    text-decoration: underline;
}
.login-block .login-block-remember p a:hover {
    color: #FF8A00;
}

.mt-10{margin-top: 10px;}
.mt-14{margin-top: 14px;}
.mt-20{margin-top: 20px;}
.mt-37{margin-top: 37px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
/* margin-bottom*/
.mb-10{margin-bottom: 20px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}
.mb-90{margin-bottom: 90px;}
.mb-100{margin-bottom: 100px;}
.mb-11{margin-bottom: 11px;}
.mb-48 {margin-bottom: 48px;}
/* margin-left*/
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 27px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.mr-13{margin-right: 13px !important;}
.ml-13{margin-left: 13px !important;}

/*--------------------------------------------------------------
# Sections  login page css
--------------------------------------------------------------*/
.login-section {height: 100vh; background: rgba(249, 255, 231, 1);background: -webkit-linear-gradient(315deg, rgb(249 255 231) 0%, rgba(255, 255, 255, 1) 35%); background: -moz-linear-gradient(315deg, rgba(249, 255, 231, 1) 0%, rgba(255, 255, 255, 1) 35%); background: -webkit-linear-gradient(315deg, rgba(249, 255, 231, 1) 0%, rgba(255, 255, 255, 1) 35%);display: flex;justify-content: center;}
.description-content-right h2 { font-size: 30px;line-height: 36px; font-weight: bold;}
.login-block h3 {font-size: 24px;margin: 0;font-weight: normal; font-family: var(--font-bold)}
.login-block p {font-size: 14px;font-weight: normal;}
.container-login { max-width: 1149px;/*display: flex;*/ margin-top: 85px;padding-left: 0;padding-right: 0;}
.logo-section {margin-bottom: 40px;padding-left: 26px;}
.logo-section img {width: 100%;max-width: 490px;}
.login-block {background: var(--color-cornsilk);border: solid #D9EFFF 1px;border-radius: 20px;padding: 36px 33px;width: 100%;float: left;margin-bottom: 17px;}
.login-block label {display: block;font-size: 18px;font-weight: normal;font-family: var(--font-default);line-height: 24px;margin-bottom: 12px;padding-left: 21px;color: #8B8B8B;}
.login-block-inner {background: var(--color-cornsilk);border: solid #D9EFFF 1px;border-radius: 20px;padding: 16px 33px;width: 100%;float: left;display: flex;justify-content: center;align-items: center}

.button-wrapper {display: flex;justify-content: space-between;align-items: center;margin-top: 38px;padding: 0 20px;}
.login-block .button-wrapper .form-check {padding-top: 14px;}
.submit-btn {background: var(--color-default);border-radius: 100px;padding: 5px 22px 5px 46px;color: #fff;border: transparent;font-size: 17px;font-weight: 500;font-family: var(--font-default);position: relative;margin: 0;}
.submit-btn i {width: 49px;height: 49px; position: absolute;left: -14px;background: #fff;border-radius: 100px; color: var(--color-default);display: flex;justify-content: center;align-items: center;font-size: 36px; top: -7px; box-shadow: rgba(55, 60, 12, 12%) 0 10px 29px 0;}
.submit-btn:hover {background: #FF8A00;}
.login-block form {width: 100%;}
.submit-btn i img {width: 18px;}
.submit-btn:hover i img {filter: invert(1);}
.field-icon {float: right;right: 8px;top: 47px;position: absolute;z-index: 2;font-size: 21px;color: #494949;background: #fff;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 40px;}
.org-block { display: flex;justify-content: center;align-items: center;width: 100%;}
.org-block .icon {margin-right: 22px;width: 47px;height: 76px;}
.org-block .link-description { font-size: 18px; line-height: 26px; color: #BC7100;}
.description-content-right {margin-top: 180px;padding-left: 43px;}
.login-block .button-wrapper .form-check .form-check-label {padding-left: 0;font-size: 14px;color: #494949;}
.form-check-input:checked {background-color: var(--color-default);border-color: var(--color-default);}

/*03-05-2025*/
.form-divider {
    margin: 0.6rem 0;
    position: relative;
    text-align: center;
    clear: both;
    width: 100%;
    float: left;
}
.form-divider .form-separator {
    margin: 0px;
}
.form-divider .form-separator span {
    margin: 0;
    position: relative;
    background: #fff;
    padding: 0 1rem;
    color: #6b7280;
    font-size: 18px;
}
.form-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #ccc;
}


.form-control-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    transform: translate(0px, 4px);
}
.form-control-placeholder::-moz-placeholder { /* Firefox 19+ */
    transform: translate(0px, 4px);

}
.form-control-placeholder:-ms-input-placeholder { /* IE 10+ */
    transform: translate(0px, 4px);
}
.form-control-placeholder:-moz-placeholder { /* Firefox 18- */
    transform: translate(0px, 4px);
}
.form-control {border-radius: 20px;border: solid #CCDCF3 1px;padding: 13px 20px; font-size: 20px;color: var(--color-primary);font-family: var(--font-default);font-weight: normal; }
.form-control:focus {outline: none;box-shadow: none;border: solid #CCDCF3 1px;}
.form-check-input { background-color: transparent;border: solid var(--color-primary) 2px; width: 15px; height: 15px;border-radius: 2px !important;}
.form-check-input:focus {box-shadow: none;outline: none;border-color: var(--color-default);}


.my-input {font-family: var(--font-default);font-weight: normal;/*background: #F5F5F5;*/border: solid #e9ecef 1px;padding: 11px 20px;font-size: 16px;line-height: 26px;border-radius: 10px;}
.my-select{background-color: #F5F5F5;border: transparent;font-size: 16px;line-height: 26px;border-radius: 10px !important;color: #A3A3A3;padding: 11px 2.25rem 11px .75rem;}
.my-select:focus {outline: none;box-shadow: none;}
.my-input::-ms-input-placeholder { /* Edge 12-18 */color: #A3A3A3;}
.my-input::placeholder {color: #A3A3A3;}
.my-label{font-size: 16px;line-height: 26px;margin-bottom: 10px;}
.my-textarea {border-radius: 10px !important;border: solid #e9ecef 1px;padding: 14px 20px;font-size: 16px;font-family: var(--font-default);line-height: 26px;}
/*--------------------------------------------------------------
# Sections welcome-section css
--------------------------------------------------------------*/

.welcome-section {background: #F9F9F9;padding-top: 30px;padding-bottom: 60px;width: 100%; padding-right: 30px; }
.container-welcome {display: flex;justify-content: space-between; width: 100%; flex-wrap: wrap;padding-bottom: 0;}
.navbar-vertical-content {width: calc(25% - 9px);background-color: var(--color-secondary);padding: 38px 20px 20px 29px;border-radius: 0 20px 20px 0;}
.content-right {width: calc(76% - 30px);float: right;background: #D9EFFF;border-radius: 20px;padding: 42px 30px 36px}
.top-heading {text-align: center;width: 100%;margin-bottom: 37px;}
.top-heading h4 {font-size: 18px;color: var(--color-primary);letter-spacing: 0;margin-bottom: 33px; font-weight: normal;font-family: var(--font-default);}
.partnership-module .top-heading h4 {margin-bottom: 26px; font-family: var(--font-default);}
.top-heading h2 {font-size: 34px;font-weight: bold;margin-bottom: 23px;}
.top-heading p {font-size: 18px;line-height: 26px;letter-spacing: 0;font-family: var(--font-default);}
.card-left {background: #fff;border-radius: 20px;padding: 44px 30px 44px;text-align: justify;}
.card-left-1{background: #fff;border-radius: 20px;padding: 62px 30px 55px;text-align: justify;}
.card-left-1 p {max-width: 298px;font-size: 18px;line-height: 28px;text-align: center;letter-spacing: 0;color: var(--color-default);margin: 0 auto;}
.card-left p {font-size: 18px;line-height: 28px;text-align: center;letter-spacing: 0;color: var(--color-default);max-width: 387px;margin: 0 auto;font-family: var(--font-default);}
.container-video .thumbnails:before {content: "";position: absolute;width: 100%;border-radius: 20px;background: rgb(0,0,0);background: linear-gradient(300deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.00) 80%);top: 0;height: 100%;}
.container-video .thumbnails p {position: absolute;top: 24px;left: 40px;font-size: 18px;line-height: 26px;}
.container-video {position: relative;float: left;width: calc(100% - 0px);margin-bottom: 50px;max-width: 556px;}
.container-video .thumbnails {float: left;position: relative;width: 100%;}
.thumbnails img { width: 100%;border-radius: 20px;height: 284px;}
.ply-block .icon {margin-bottom: 10px;}
.ply-block .icon img {max-width: 48px;}
.dashboard-video .ply-block .icon img {max-width: 32px;}
.container-video-canvas .icon img {width: 33.05px;}
.btn-proceed-row a {text-decoration: none;}
.ply-block {position: absolute;right: 46px;bottom: 27px;z-index: 1;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;}
.ply-block p {color: #fff;font-size: 14px;line-height: 24px;margin-bottom: 0;}
.next-btn {background: #FF8A00;border-radius: 100px;padding: 5px 24px 5px 46px;color: #fff;border: transparent;font-size: 17px;font-weight: 500;font-family: var(--font-default);position: relative;line-height: 28px;}

.next-btn:hover {color: #fff;background: var(--color-default);}
.next-btn:hover i {color: var(--color-default);}
.next-btn:hover i svg path {fill: var(--color-default);}
.button-wrapper-row {width: 100%;float: left;display: flex;justify-content: flex-end;align-items: center;padding-left: 15px;padding-right: 0;}
.doctype {margin-right: 63px;font-size: 16px;line-height: 26px;}
.next-btn i {width: 49px;height: 49px;position: absolute;left: -14px;background: #fff;border-radius: 100px;color: #FF8A00;display: flex;justify-content: center;align-items: center;font-size: 36px;top: -5px;box-shadow: rgba(55, 60, 12, 12%) 0 10px 29px 0;}
.need-col {background: #fff;border-radius: 20px;padding: 40px;text-align: center; margin-bottom: 17px;}
.need-col h2 {color: var(--color-primary);font-size: 16px;line-height: 26px;font-weight: normal;max-width: 195px;margin: 0 auto 10px;}
.submit-btn:hover {color: #fff;}
.link {font-size: 16px;line-height: 26px;color: var(--color-default);text-decoration: underline;}

.link:hover {color: #FF8A00;text-decoration: underline;}

.left-container {width: 100%;display: flex;justify-content: center;margin-right: 2rem;padding-right: 1.8rem;}
.progress-container {margin-bottom: 38px;max-width: 100%;position: relative;}
.progress-container ul {margin: 0;padding: 0;list-style: none;width: 100%;}
.progress-container ul li a {display: flex;font-size: 16px;line-height: 26px;font-weight: normal;}
.progress-container ul li a .circle {align-items: center;background-color: #ccc;border: transparent;border-radius: 50%;color: #fff;display: flex;height: 28px;justify-content: center;transition: 0.4 ease;width: 28px;z-index: 2;font-size: 16px;line-height: 26px;font-weight: normal;margin-bottom: 28px;position: relative;margin-right: 11px;}
.progress-container ul li a:hover { color: var(--color-primary);}
.progress-container ul li a .circle.active {background-color: #006D99;}
.progress-container ul li a .circle.check{ background-color: #35be6c;}
.progress-container ul li a .circle:before {background-color: #ccc;content: "";height: 1px;left: 0;position: absolute;top: 50%;width: 146%;z-index: 1;transform: translate(-15%, 29px) rotate(90deg);}
.progress-container ul li a .circle.active:before {background-color: #006D99;}
.progress-container ul li a .circle.check:before{ background-color: #35be6c;}
.progress-container ul li:last-child a .circle:before {display: none;}
.olive-bg {background: #EDEEC8;}
.bg-pink-color{background: #F2D7FF;}
.eligibility-block {background: #fff;border-radius: 20px;margin-bottom: 27px;padding: 41px 49px;}
.block-eligibility-left h3, .block-eligibility-right h3 {font-size: 17px;line-height: 28px;margin-bottom: 6px;font-weight: normal;}
.block-eligibility-left p, .block-eligibility-right p {font-size: 17px;line-height: 28px;margin-bottom: 6px;font-weight: normal;color: #808080;}
.mb-37{margin-bottom:37px; }
.align-center{ align-items: center;}
.video-btn {background: var(--color-default);border-radius: 100px;padding: 5px 28px 5px 48px;color: var(--color-white) !important;border: transparent;font-size: 17px;font-weight: 500;font-family: var(--font-default);position: relative;}
.video-btn i {width: 49px;height: 49px;position: absolute;left: -14px;background: var(--color-white);border-radius: 100px;color: var(--color-default);display: flex;justify-content: center;align-items: center;font-size: 26px;top: -7px;box-shadow: rgba(55, 60, 12, 12%) 0 10px 29px 0;}
.video-btn:hover {background: #FF8A00;}
.video-btn:hover i {color: #FF8A00;}
.bg-light-gry{background: #DBE5E9;}
.block-described-left h3, .block-described-right h3 {font-size: 17px;line-height: 28px;margin-bottom: 23px;font-weight: normal;}
.block-described-left p, .block-described-right p {font-size: 17px;line-height: 28px;margin-bottom: 6px;font-weight: normal; color: #808080;}
.block-described-left h3 .icon, .block-described-right h3 .icon {margin-right: 16px;}
.space-180 {height: 180px;}
.bg-lightgreen{background: #DFFFC7;}
.block-creating-left h3, .block-creating-right h3 {font-size: 16px;line-height: 24px;margin-bottom: 23px;font-weight: normal; max-width: 255px;display: flex; align-items: center;}
.block-creating-left p, .block-creating-right p {font-size: 16px;line-height: 26px;margin-bottom: 6px;font-weight: normal; color: #808080;}
.block-creating-left h3 .icon, .block-creating-right h3 .icon {margin-right: 20px;}

/*--------------------------------------------------------------
# Business details css
--------------------------------------------------------------*/
.top-nav {width: 100%;padding-left: 36px;padding-right: 36px;}
.top-nav ul {margin: 0;padding: 0;list-style: none;}
.top-nav ul li {padding-right: 25px;display: inline; position: relative}
.top-nav ul li a {font-size: 16px;color: #AAAAAA;font-weight: normal;position: relative; text-decoration: underline; font-family: 'DM Sans',sans-serif;}
.top-nav ul li a:hover{color: var(--color-default);}
.top-nav ul li.active a {color: var(--color-default);text-decoration: none;}
/*.top-nav ul li a:after {content: "\f285";font-family: 'bootstrap-icons', sans-serif !important;position: absolute;top: -2px;right: -23px;}*/
.top-nav ul li:first-child a:before {display: none;}
.top-nav ul li a:before {content: "";position: absolute;background-image: url(../images/arrow-d.svg);width: 7px;height: 8px;top: 8px;left: -17px;background-size: 7px 8px;background-repeat: no-repeat;}
.top-nav ul li.active a:before{background-image: url(../images/arrow-a.svg);}
.business-section{background: #F9F9F9;padding-top: 25px;padding-bottom: 200px;width: 100%; float: left;}
.dashboard-details {width: 100%;padding: 25px 28px;}
.dashboard-inner {width: 100%;padding: 17px 20px;background: #fff;border-radius: 20px; float: left}
.deed-section-rwo {padding-left: 26px;}
.deed-section .description-row {display: flex;justify-content: flex-start;width: 100%;margin-top: 14px;}
.deed-section .description-row .description-number {width: 30%;float: left;}
.description-number h5 {font-size: 16px;line-height: 26px;margin-bottom: 0;font-weight: bold;font-family: 'DM Sans',sans-serif;}
.description-number p {margin: 0;font-size: 16px;line-height: 26px;font-weight: normal;}
.description-text h5 {font-size: 16px;line-height: 26px;margin-bottom: 0;font-weight:bold; font-family: 'DM Sans',sans-serif;}
.description-text p {margin: 0;font-size: 16px;line-height: 26px;font-weight: normal;}
.deed-section .icon-row {display: flex;justify-content: center;width: 100%;margin-top: 18px;}
.icon-row .icon-block {width: 41px;height: 41px;background: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;margin-right: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0 2px 6px;}
.icon-row .icon-block img {max-width: 22px;}
.progress-block {background: #F3FAFF;border-radius: 20px;padding: 12px 25px;display: flex;justify-content: space-between;width: 100%;}
.progress-block .icon-block {max-width: 30%;text-align: center;}
.icon-row .active-icon svg path {fill: #006d99;}
.progress-block .icon-block .img-thumb img {max-width: 22px;}
.progress-block .text-decoration {font-size: 14px;color: var(--color-default);font-weight: normal;}
.progress-details {width: 75%;justify-content: flex-end;display: flex; position: relative;}
.range-slider {position: relative;width: 100%;}
.range-slider_input {width: 100%;position: absolute;top: 50%;z-index: 3;transform: translateY(-50%);-webkit-appearance: none;appearance: none;width: 100%;height: 8px;opacity: 0;margin: 0;}
.range-slider_input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 100px;height: 100px;cursor: pointer;border-radius: 50%;opacity: 0;}
.range-slider_input::-moz-range-thumb {width: 14vmin;height: 14vmin;cursor: pointer;border-radius: 50%;opacity: 0;}
.range-slider_thumb {width: 36px;height: 36px;border: 1px solid #D9EFFF;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #fff;display: flex;justify-content: center;align-items: center;font-weight: 600;font-size: 13px;color: var(--color-default);z-index: 2;}
.range-slider_line {height: 8px;width: 100%;background-color: #7EB2FF;top: 50%;transform: translateY(-50%);left: 0;position: absolute;z-index: 1;border-radius: 100px;}
.range-slider_line-fill {position: absolute;height: 8px;width: 0;border-radius: 100px;background-color: var(--color-default);}
.step-details {background: #FFF5DB;padding: 25px 17px;border-radius: 20px;margin-top: 18px;margin-bottom: 20px;}
.step-wrapper {display: flex;justify-content: space-between;width: 100%;}
.step-box {background: #fff;border-radius: 20px;margin-left: 6px;margin-right: 6px;padding: 17px 20px 22px;width: 174px;flex: 1 0 174px;text-decoration: none;}
.step-box h3 {font-size: 18px;line-height: 26px;max-width: 124px;margin-bottom: 0;}
.step-box p {font-size: 16px;line-height: 26px;margin-bottom: 9px;color: #383C3E;}
.step-box.active {background: var(--color-default);}
.step-box.active p {color: #fff;}
.step-box.active h3 {color: #fff;}
.step-box.completed {background: #35BE6C;}
.step-box.completed p {color: #fff;margin-top: 0;margin-right: 0;}
.step-box.completed h3 {color: #fff;}
.step-container .row > * {padding-right: 15px;padding-left: 15px;}
.step-container {background: #F1DBFF;border-radius: 20px;padding: 10px 15px 23px;width: 100%;float: left;position: relative}
.language-wrapper {display: flex;justify-content: flex-start;width: 100%;margin-bottom: 19px;}
.language-wrapper .language-wrapper-inner {width: 100%;padding: 10px 0 0;float: left;}
.btn-link-2 {background: #fff;border-radius: 100px;padding: 5px 18px;font-size: 14px;margin-right: 4px;font-weight: normal; border: transparent;}
.btn-link-2:hover {color: #fff;background: #006d99;}
.btn-lisan {background: var(--color-default);border-radius: 100px;padding: 5px 18px;font-size: 14px;margin-right: 3px;color: #fff;font-weight: normal; border: transparent;}
.btn-lisan:hover {color: #fff;background: var(--color-default);}
.fill-box {background: #fff;border-radius: 20px;padding: 27px 30px 28px;width: 100%;}
.fill-box-row-inner {max-width: 400px;display: flex;justify-content: space-between;margin: 0 auto;}
.fill-box-left {background: #fff;border-radius: 20px;width: 100%;padding: 41px 35px;}
.block-business { position: relative;width: 100%;}
.fill-box-left img {border-radius: 20px;width: 100%;}
/*04-07-2024*/
.icon-chat {position: absolute; right: -21px; width: 44px; height: 44px; background: #FF4646; bottom: 20px; border-radius: 100px; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;}
.icon-chat img {max-width: 21px;border-radius: 0;}
.icon-chat:hover {background: var(--color-default);}
.description p {font-size: 18px;line-height: 26px;text-align: center;margin-bottom: 20px;margin-top: 21px;}
.fill-deed {text-align: center;}
.fill-deed p {font-size: 17px;line-height: 26px;margin-bottom: 21px;}
.btn-edit {background: #FF8A00;border-radius: 100px;padding: 5px 22px 5px 18px;color: #fff;font-size: 17px;border: transparent;}
.btn-edit:hover {color: #fff;background: var(--color-default);}
.btn-edit:focus {outline: none;box-shadow: none;}
.btn-view:focus {outline: none;box-shadow: none;}
.btn-edit .icon {margin-right: 6px;}
.btn-edit .icon img {max-width: 19px;}
.fill-help p {font-size: 17px;line-height: 26px;margin-bottom: 21px;}
.btn-view {background: #D9EFFF;border-radius: 100px;padding: 5px 14px 5px 15px;color: var(--color-default);font-size: 17px; border: transparent;}
.btn-view i {margin-right: 6px;}
.btn-view:hover {background: var(--color-default);color: #fff;}
.btn-view .icon {margin-right: 12px;}
.btn-view .icon img {max-width: 19px;}

/*--------------------------------------------------------------
# Partner details css
--------------------------------------------------------------*/
.page-navigation {width: 32%;justify-content: flex-end;display: flex;padding: 10px 0 0 0;}
.page-navigation ul {margin: 0;padding: 0;list-style: none;display: flex;justify-content: space-between;align-items: center;}
.page-navigation ul .Previous a {width: 38px;height: 38px;border-radius: 100px;background: #fff;display: flex;justify-content: center;align-items: center;font-size: 30px;margin-right: 10px;}
.page-navigation ul .page-item a {font-size: 15px;}
.page-navigation ul .next a {width: 38px;height: 38px;border-radius: 100px;background: #fff;display: flex;justify-content: center;align-items: center;font-size: 30px;margin-left: 10px;}
.page-navigation ul .Previous a:hover, .page-navigation ul .next a:hover {background: #006d99;color: #fff;}
.page-navigation ul .page-item a:hover{color: #006d99;}
/*--------------------------------------------------------------
# proceed css
--------------------------------------------------------------*/

.section-header {padding-top: 50px;}
.section-header p {font-size: 18px;line-height: 26px;text-align: center;margin: 0;color: #383C3E;}
.creating-block {background: #fff;border-radius: 20px;margin-top: 20px;padding: 32px 42px;width: 100%;float: left;position: relative;}
.proceed-row {position: absolute;right: 0;left: 0;margin: 0 auto;display: flex;justify-content: center;align-content: center;bottom: -15px;}
.proceed-row .bi-check2 {font-weight: normal;font-size: 25px;}
.check-block-nw {border: solid #D9EFFF 1px;border-radius: 10px;background: #fff;padding: 25px 20px;margin-bottom: 14px;}
.radio-custom [type="radio"]:checked,
.radio-custom [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.radio-custom [type="radio"]:checked + label, .radio-custom [type="radio"]:not(:checked) + label {position: relative;padding-left: 39px;cursor: pointer;font-size: 16px;line-height: 26px;display: flex;color: #383C3E;align-content: center;justify-content: flex-start;max-width: 292px;}
.radio-custom [type="radio"]:checked + label::before, .radio-custom [type="radio"]:not(:checked) + label::before {content: '';position: absolute;left: 0;top: 13px;width: 22px;height: 22px;border: 1px solid #cacaca;border-radius: 100%;background: #fff;}
.radio-custom [type="radio"]:checked + label::before{border: 1px solid var(--color-default);}
.radio-custom [type="radio"]:checked + label::after, .radio-custom [type="radio"]:not(:checked) + label::after {content: '';width: 12px;height: 12px;background: var(--color-default);position: absolute;top: 18px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.radio-custom [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-custom [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/*--------------------------------------------------------------
# Legal status, Profit css
--------------------------------------------------------------*/

.btn-link {background: #fff;border-radius: 100px;color: var(--color-default);padding: 8px 30px 8px;text-decoration: none;font-size: 16px;line-height: inherit; border: transparent}
.btn-link:hover {background: var(--color-default);color: #fff;}
/*--------------------------------------------------------------
# Notifications Modal css
--------------------------------------------------------------*/
.notifications-modal .modal-dialog {max-width: 454px; margin-top: 0;}
.notifications-modal .modal-header .modal-title {font-size: 16px;line-height: normal;color: var(--color-primary);}
.notifications-modal .modal-dialog .modal-body {padding: 2px 20px 30px;}
.notifications-modal .modal-header {justify-content: space-between;align-items: center;border-radius: 0;position: relative;padding: 20px;}
.notifications-modal .modal-header .btn-close {position: absolute;right: 26px;top: 23px;background-image: url(../images/close-b.svg) !important;opacity: 1;width: 28px;height: 28px;background-color: #EEEEEE;border-radius: 100px;padding: 0;background-size: 10px;background-repeat: no-repeat;}
.notifications-modal .modal-header .btn-close:focus {outline: none;box-shadow: none;}
.notifications-modal .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.description-list ul {margin: 0;padding: 0;list-style: none;width: 100%;}
.description-list ul li {display: flex;align-items: center;border-bottom: solid #DFDFDF 1px;width: 100%;padding: 18px 0 13px;}
.description-list ul li:last-child{border-bottom: transparent;}
.description-list ul li h4 {font-size: 16px;line-height: 18px;font-weight: normal;}
.description-list .text-block {display: flex;align-items: center;justify-content: space-between;width: 59.3%;}
.description-list .text-block p {margin: 0;font-size: 12px;line-height: 22px;color: #717171;}
.danger {color: #FF6A6A !important;}
.description-inner {width: 96%;}
.icon-next i {color: #006D99;}
/*--------------------------------------------------------------
# modal-1 css
--------------------------------------------------------------*/

.business-details-modal-1 .modal-dialog {max-width: 1380px;margin-top: 100px;}
.business-details-modal-1 .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 32px 53px 27px;}
.business-details-modal-1 .modal-header {border: transparent;justify-content: space-between;align-items: center;border-radius: 0;padding: 0;}
.business-details-modal-1 .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.green-btn {background: #35BE6C;border-radius: 100px;padding: 5px 18px 5px 47px;color: var(--color-white) !important;border: transparent;font-size: 17px;font-weight: 500;font-family: var(--font-default);position: relative;height: 34px;line-height: 22px;}
.green-btn i {width: 43.02px;height: 43.02px;position: absolute;left: -5px;background: var(--color-white);border-radius: 100px;color: #35BE6C;display: flex;justify-content: center;align-items: center;font-size: 26px;top: -5px;box-shadow: rgba(55, 60, 12, 12%) 0 10px 29px 0;}
.green-btn:hover {background: #FF8A00;}
.green-btn:hover i svg path {fill: #FF8A00;}
.modal-profits-dissolution .modal-header .btn-close:focus { outline: none; box-shadow: none;}
.business-details-modal-1 .col-xl-title-9 {flex: 0 0 auto;width: 81.888%;}
.business-details-modal-1 .modal-header .modal-title {font-size: 20px;color: #FF6A6A;font-weight: normal !important;line-height: 26px !important;font-family: var(--font-default);}
.business-details-modal-1 .modal-header .btn-close {position: absolute;right: 0;top: 8px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.business-details-modal-1 .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.business-details-modal-1 .modal-header .btn-close:focus{outline: none;box-shadow: none;}
.col-xl-title-9 {flex: 0 0 auto;width: 79.9%}
.col-xl-btn-3 {flex: 0 0 auto;width: 18%;}
.business-details-modal-1 .modal-body {padding: 0;margin-top: 28px;}
.business-details-modal-1 .modal-body .description-content {background: #F5F5F5;border-radius: 10px;margin-top: 11px;margin-bottom: 27px;padding: 11px 21px 18px;}
.business-details-modal-1 .modal-body h3 {font-size: 16px;line-height: 26px;font-weight: normal;margin-bottom: 0;}
.business-details-modal-1 .description-content p {font-size: 16px;line-height: 26px;}
.business-details-modal-edit .modal-body .input-group-append .input-group-text img {width: 23px;}


/*--------------------------------------------------------------
# Modal Edit css
--------------------------------------------------------------*/
.business-details-modal-edit .modal-dialog {max-width: 1380px;margin-top: 100px;}
.business-details-modal-edit .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 25px 30px 28px;}
.business-details-modal-edit .modal-header {border: transparent;justify-content: space-between;align-items: center;border-radius: 0;padding: 0;}
.business-details-modal-edit .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.business-details-modal-edit .modal-header .modal-title {font-size: 20px;color: var(--color-default);font-weight: normal !important;line-height: 26px !important; font-family: var(--font-default);}
.business-details-modal-edit .modal-header .btn-close {position: absolute;right: 0;top: 9px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.business-details-modal-edit .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.business-details-modal-edit .col-xl-title-9 {flex: 0 0 auto; width: 86.9%;}
.business-details-modal-edit .modal-body {padding: 0;margin-top: 40px;}
.business-details-modal-edit .modal-body .form-label {font-size: 16px;line-height: 26px;margin-bottom: 10px;}
.business-details-modal-edit .modal-body .input-group-append .input-group-text {background: #F5F5F5;border: transparent;padding: 11px 15px;font-size: 16px;line-height: 26px;border-radius: 0 10px 10px 0;}
/*.business-details-modal-edit .modal-body .select2.select2-container .select2-selection {background-color: #F5F5F5;border: transparent;font-size: 16px;line-height: 26px;border-radius: 10px;color: #A3A3A3;height: 48px;margin-bottom: 0;}*/
/*.business-details-modal-edit .modal-body .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {outline: none;box-shadow: none;}*/
.select2-container--bootstrap-5 .select2-dropdown {z-index: 1056;color: #212529;background-color: #f5f5f5 !important;border-color: transparent !important;border-radius: 10px !important;}
/*.business-details-modal-edit .modal-body .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {padding: 6px 0 0 7px;font-weight: normal;line-height: 1.5;color: #A3A3A3;}*/
.btn-proceed-row {display: flex;justify-content: flex-end;position: absolute;right: 20px;bottom: 42px;}
.business-details-modal-edit .modal-header .btn-close:focus {outline: none;box-shadow: none;}
.business-details-modal-edit .modal-body .col-lg-3 {padding-left: 7px;padding-right: 7px;}


/*--------------------------------------------------------------
# Add partners css
--------------------------------------------------------------*/
.add-partners-modal .modal-dialog {max-width: 1380px;margin-top: 100px;}
.add-partners-modal .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 25px 28px 25px 35px;}
.add-partners-modal .modal-header .btn-close:focus {outline: none;box-shadow: none;}
.add-partners-modal .modal-header {border: transparent;justify-content: space-between;align-items: center;border-radius: 0;padding: 0;}
.add-partners-modal .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.add-partners-modal .modal-header .modal-title {font-size: 20px;color: var(--color-default);font-weight: normal !important;line-height: 26px !important;font-family: var(--font-default);}
.add-partners-modal .modal-header .btn-close {position: absolute;right: 0;top: 6px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.add-partners-modal .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.add-partners-modal .col-xl-title-9 {flex: 0 0 auto; width: 87%;}
.add-partners-modal .modal-body {padding: 0;margin-top: 30px;}
.add-partners-modal .modal-body .form-label {font-size: 16px;line-height: 26px;margin-bottom: 10px;}
.add-partners-modal .modal-body .form-control {margin-bottom: 26px;border-radius: 10px !important;}
.add-partners-modal .modal-body .input-group-append .input-group-text {background: #F5F5F5;border: transparent;padding: 11px 15px;font-size: 16px;line-height: 26px;border-radius: 0 10px 10px 0;}

.capital-amount .select-current-amount .form-control {margin-bottom: 10px;border-radius: 10px !important;border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;}
/*.capital-amount .select-current-amount .form-control:focus {background: transparent;border: transparent;}*/

.btn-proceed-row {display: flex;justify-content: flex-end;position: absolute;right: 20px;bottom: 28px;}
.select-current-amount {position: relative;cursor: context-menu;-webkit-user-select: none;background-color: #F5F5F5;border: transparent;font-size: 16px;line-height: 26px;border-radius: 10px;color: #A3A3A3;padding: 0 2.25rem 0 .75rem;display: flex;align-content: center;border-bottom: 1px solid #e6e6e6; height: 48px; padding-right: 0;}
.select-current-amount span {font-size: 16px;line-height: 47px;  padding-left: 0 !important;}

.select-current-amount .icon-flag::after{content: "\f282";font-family: 'bootstrap-icons',sans-serif !important;font-style: normal;font-size: 16px;position: absolute;top: 11px;left:32px;color: #A3A3A3;transform: rotate(0deg);}
.icon-flag {position: relative;width: 66px;display: block;border-right: solid #D0D0D0 1px;margin-right: 0;}
.select-current-amount img {position: absolute;top: 11px;left: 0;width: 24px;}
.select-current-amount .icon-flag.anim1::after {
    transform: rotate(180deg);
}
.capital-amount {position: relative;width: 100%;float: left;}
.list-dropdown {display: none;margin: 0 auto;list-style: none;background-color: #F5F5F5;padding: 10px 14px;border-radius: 0 0 10px 10px;position: absolute;top: 49px;width: 100%;}
.list-dropdown li {display: block;width: 100%;height: 60px;border-bottom: 1px solid #e6e6e6;font-size: 16px;line-height: 49px;padding-left: 84px;position: relative;color: #383C3E;cursor: context-menu;-webkit-user-select: none;}
.list-dropdown li:last-child {border: transparent;}  .list-dropdown li img {position: absolute;top: 11px;left: 5px;}
/* .capital-amount.anim1  .select-current-amount:after {transform: rotate(180deg);} */
.icon-flag .list-dropdown {
    display: none;
}
.icon-flag.anim1 .list-dropdown {
    display: block;
}

.list-dropdown li .radio {position: absolute;right: 10px;top: 2px;}
.list-dropdown li .radio input[type=radio] {position: absolute;opacity: 0;}
.list-dropdown li .radio input[type="radio"] + .radio-label::before {content: "";background: #f5f5f5;border-radius: 100%;border: 1px solid #A3A3A3;display: inline-block;width: 19px;height: 19px;position: relative;top: 14px;margin-right: 1em;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.list-dropdown li .radio input[type="radio"]:checked + .radio-label::before {background-color: var(--color-default);box-shadow: inset 0 0 0 3px #f5f5f5;border: 1px solid var(--color-default);}
.list-dropdown li .radio input[type=radio]:focus + .radio-label:before {outline: none;border-color: #3197EE;}
.list-dropdown li .radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.list-dropdown li .radio input[type=radio] + .radio-label:empty:before {margin-right: 0;}
.btn-more {background: #D9EFFF;border-radius: 100px;padding: 5px 20px 5px 20px;color: var(--color-default);font-size: 17px;border: transparent;}
.btn-more:hover {background: var(--color-default);color: #fff;}
.btn-more i {margin-right: 2px;font-size: 20px;}
.text-details p {margin: 0;font-size: 20px;line-height: 26px;color: var(--color-default);}
.add-partners-modal .input-group .icon-lock {position: absolute;right: 14px;top: 9px;z-index: 9;}
.data-table-responsive .table > thead th {vertical-align: middle;background: #E9ECEF;font-size: 16px;font-weight: normal;text-align: left;border: transparent;padding: 11px 30px 11px 14px;color: #383C3E;}
.data-table-responsive .table > thead th .dt-column-order{display: none}
.data-table-responsive .table {margin-top: 22px !important;border: transparent !important; }
.data-table-responsive .table > tbody td {font-size: 16px;line-height: initial;box-shadow: none !important;border-bottom: solid #ededed 1px;padding: 14px;text-align: left;color: #383C3E;}
.data-table-responsive  table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {outline: none;outline-offset: 0;}
.data-table-responsive .table .table-footer {background: #D9EFFF !important;}
.data-table-responsive .table .table-footer th {font-size: 16px;font-weight: normal !important;padding: 7px 14px;background: #D9EFFF !important;box-shadow: none !important;outline: none !important;border: transparent;color: #383C3E;text-align: left;}
.data-table-responsive td { white-space: nowrap; }
.data-table-responsive {box-shadow: 0 0 10px #a7a7a766;background-color: #ffffff;border-radius: 20px;/*padding: 30px;*/}
/* custom scrollbar */
.data-table-responsive::-webkit-scrollbar {width: 20px;}
.data-table-responsive::-webkit-scrollbar-track {background-color: transparent;}
.data-table-responsive::-webkit-scrollbar-thumb {background-color: #d6dee1;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;}
.data-table-responsive::-webkit-scrollbar-thumb:hover {background-color: #a8bbbf;}

.data-table-responsive .dt-container {padding: 18px 25px;}
.data-table-responsive .dt-length .form-select {max-width: 80px;margin-right: 10px;background-color: #fff;border: solid #C4C4C4 1px;padding: 11px 2.25rem 11px .75rem;height: 43px;}
.data-table-responsive .dt-length {display: flex;justify-content: space-between; align-content: center}
.data-table-responsive .dt-container div.dt-length label {font-weight: normal;text-align: left;white-space: nowrap;font-size: 16px;line-height: 42px;}
.data-table-responsive .dt-info {display: none;}
.data-table-responsive .dt-search .form-control {background-color: transparent;border: solid #C4C4C4 1px;border-radius: 100px !important;position: relative; margin-bottom: 0;padding: 7px 20px;}
.data-table-responsive .dt-search label {display: none;}
.table-responsive .dt-paging .dt-paging-button.page-item.active a {background: var(--color-default);border-color: var(--color-default);}
.tooltip-inner {background-color: #DAE9FF;color: #006D99;font-size: 13px;line-height: 22px;font-weight: 500;padding: 6px 23px;border-radius: 10px;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-top-color: #DAE9FF;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color:#DAE9FF;}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {border-left-color:#DAE9FF;}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {border-right-color:#DAE9FF;}
.edit {margin-right: 5px;}
.btn-danger {background: #FF6A6A;}
.note {color: #ff8a00;}
.note-nav {margin: 6px 0 0 0;}
.note-nav li {font-size: 16px;line-height: 26px;max-width: 574px;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance:textfield; appearance:textfield;}
.details-witnesses p {margin: 0;color: #FF8A00;font-size: 16px;line-height: 26px;font-weight: normal;}
.add-partners-modal .modal-body .col-lg-3 {padding-left: 7px;padding-right: 7px;}
/*--------------------------------------------------------------
# Modal dissolution-fill-details css
--------------------------------------------------------------*/
.dissolution-fill-details .modal-dialog {max-width: 1380px;margin-top: 100px;}
.dissolution-fill-details .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 25px 35px;}
.dissolution-fill-details .modal-header {border: transparent;justify-content: space-between;align-items: center;border-radius: 0;padding: 0;}
.dissolution-fill-details .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.dissolution-fill-details .modal-header .modal-title {font-size: 20px;color: var(--color-default);font-weight: normal !important;line-height: 26px !important; font-family: var(--font-default);}
.dissolution-fill-details .modal-header .btn-close {position: absolute;right: 0;top: 6px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.dissolution-fill-details .modal-header .btn-close:focus {box-shadow: none;outline: none;}
.dissolution-fill-details .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.dissolution-fill-details .col-xl-title-9 {flex: 0 0 auto; width: 86%;}
.dissolution-fill-details .modal-body {padding: 0 0 42px 0;margin-top: 44px;}
.dissolution-fill-details .details-form .form-label {font-size: 16px;line-height: 26px;margin-bottom: 15px;height: 55px;font-weight: normal;letter-spacing: -0.7px;}

.dissolution-fill-details .modal-body .form-select {background-color: #F5F5F5;border: transparent;font-size: 16px;line-height: 26px;border-radius: 10px;color: #A3A3A3;padding: 11px 2.25rem 11px .75rem;}
.dissolution-fill-details .modal-body .form-select:focus {outline: none;box-shadow: none;}
.dissolution-fill-details .modal-body .form-control::-ms-input-placeholder { /* Edge 12-18 */color: #A3A3A3;}
.dissolution-fill-details .modal-body .form-control::placeholder {color: #A3A3A3;}
.dissolution-fill-details .modal-body .input-group-append .input-group-text {background: #F5F5F5;border: transparent;padding: 11px 15px;font-size: 16px;line-height: 26px;border-radius: 0 10px 10px 0;}
.dissolution-fill-details .modal-body .details-form .row {margin-left: -17px;margin-right: -17px;}
.dissolution-fill-details .modal-body .details-form .col-lg-4 {padding-left: 17.5px;padding-right: 17.5px;}

/*--------------------------------------------------------------
# Legal status, Profit modal css
--------------------------------------------------------------*/
.modal-profits-dissolution .modal-dialog {max-width: 1380px;margin-top: 100px;}
.modal-profits-dissolution .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 30px 33px;}
.modal-profits-dissolution .modal-header {border: transparent;border-radius: 0;padding: 0;display: block;width: 100%;position: relative;}
.modal-profits-dissolution .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.modal-profits-dissolution .modal-header .modal-title {font-family: var(--font-default);font-size: 20px;color: var(--color-default);font-weight: normal !important;line-height: 26px !important;}
.modal-profits-dissolution .modal-header .btn-close {position: absolute;right: 0;top: 7px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.modal-profits-dissolution .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.right-modal-col {display: flex;justify-content:space-between;align-content: center;}
.legal-btn {background: #D9EFFF;border-radius: 100px;color: var(--color-default);padding: 5px 30px; font-size: 16px; border: transparent;}
.legal-btn:hover {background: var(--color-default);color: #fff;}
.right-modal-col .green-btn {margin-right: 52px;}
.modal-profits-dissolution .modal-body {padding: 0;margin-top: 38px;}
.modal-profits-dissolution .details-form .form-control {margin-bottom: 32px;}
.details-form .form-control::-ms-input-placeholder { /* Edge 12-18 */color: #A3A3A3;}
.details-form .form-control::placeholder {color: #A3A3A3;}
.modal-profits-dissolution .modal-body .select2.select2-container .select2-selection::-ms-input-placeholder { /* Edge 12-18 */color: #A3A3A3;}
.modal-profits-dissolution .modal-body .select2.select2-container .select2-selection::placeholder {color: #A3A3A3;}

.modal-profits-dissolution .modal-dialog .modal-content .green-btn i{top: -6px;}
.modal-profits-dissolution  .right-modal-col .green-btn {margin-right: 69px;}
.modal-profits-dissolution .right-modal-col .legal-btn {margin-left: 67px;}
.modal-profits-dissolution .modal-body .col-lg-4 {padding-left: 8.5px;padding-right: 8.5px;}
.details-form label {font-size: 16px;line-height: 26px; color: #383C3E;margin-bottom: 10px;}
/*--------------------------------------------------------------
# Step 4: Expenses > Fill details modal css
--------------------------------------------------------------*/
.expenses-fill-details-modal .modal-dialog {max-width: 1380px;margin-top: 100px;}
.expenses-fill-details-modal .modal-dialog .modal-content {background-color: #fff;border-radius: 20px;padding: 30px 33px;}
.expenses-fill-details-modal .modal-header {border: transparent;border-radius: 0;padding: 0;display: block;width: 100%;position: relative;}
.expenses-fill-details-modal .modal-header .row-modal-header {display: flex;width: 100%;position: relative;}
.expenses-fill-details-modal .modal-header .modal-title {font-size: 20px;color: var(--color-default);font-weight: normal !important;line-height: 26px !important; font-family: var(--font-default);}
.expenses-fill-details-modal .modal-header .btn-close {position: absolute;right: 0;top: 9px;background-image: url(../images/close.svg) !important;opacity: 1;background-size: 22px;}
.expenses-fill-details-modal .modal-header .btn-close:hover {outline: none;box-shadow: none;}
.expenses-fill-details-modal .modal-header .btn-close:focus {box-shadow: none;outline: none;}
.expenses-fill-details-modal .modal-body {padding: 0;}
.expenses-fill-details-modal .modal-body .expenses-form-new{ width:100%;float:left;padding: 34px 30px;margin-top: 31px;border: solid #DFDFDF 1px;border-radius: 20px;}
.expenses-form p {margin: 0;font-size: 17px;line-height: 26px;color: #AAA;}
.expenses-form p .font-height {color: #FF8A00;}
.expenses-form-new p {margin: 0;font-size: 17px;line-height: 26px;color: #AAA;}
.expenses-form-new p .font-height {color: #FF8A00;}
.expenses-form-new form {margin-top: 28px;}
.expenses-form form {margin-top: 36px;}
.check-block h3 {font-size: 16px;line-height: 26px;font-weight: normal;margin-bottom: 10px;color: #383C3E;}
.check-block .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.check-block .form-group label {display: flex;align-content: center;position: relative;cursor: pointer;font-size: 16px;line-height: 26px;color: var(--bs-body-color);font-weight: normal;margin-bottom: 16px;}
.check-block .form-group label::before {content: '';-webkit-appearance: none;background-color: transparent;border: 1px solid var(--color-default);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 11px; width: 19px; height: 19px; top: 4px;}
.check-block .form-group input:checked + label::after {content: '';display: block;position: absolute;top: 8px;left: 6px;width: 6px;height: 10px;border: solid var(--color-default);border-width: 0 2px 2px 0;transform: rotate(45deg);}
.check-block {width: 25%;float: left; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5);}
.expenses-col-row {margin-bottom: 70px;width: 100%;float: left;}
.expenses-col-row:last-child {margin-bottom: 0;}
.check-block-34 {width: 33%;float: left; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5);}
.check-block-34 h3 {font-size: 16px;line-height: 26px;font-weight: normal;margin-bottom: 15px;color: #383C3E;}
.check-block-34 .form-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.check-block-34 .form-group label {display: flex;align-content: center;position: relative;cursor: pointer;font-size: 16px;line-height: 26px;color: var(--bs-body-color);font-weight: 400;margin-bottom: 16px;}
.check-block-34 .form-group label::before {content: '';-webkit-appearance: none;background-color: transparent;border: 1px solid var(--color-default);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 11px; width: 19px; height: 19px; top: 4px;}
.check-block-34 .form-group input:checked + label::after {content: '';display: block;position: absolute;top: 8px;left: 6px;width: 6px;height: 10px;border: solid var(--color-default);border-width: 0 2px 2px 0;transform: rotate(45deg);}
.modal-title-h4 { font-size: 20px; line-height: 26px; color: #383C3E;margin-bottom: 0; font-weight: normal; font-family: var(--font-default);}
.heilight-font-gary { color: #AAA; }
.list-down-container { margin: 36px 0 60px;width: 100%;}
.list-down-container .row {margin-left: -30px;margin-right: -30px;}
.list-down-container textarea {border:solid #e9ecef 1px;border-radius: 10px;appearance: none; /*min-height: 92px;*/ font-size: 16px; /*line-height: 26px;*/ /*padding: 19px 22px;*/}
.list-down-container textarea::-ms-input-placeholder { /* Edge 12-18 */color: #A3A3A3;}
.list-down-container textarea::placeholder {color: #A3A3A3;}
.list-down-container .form-label {font-size: 20px;line-height: 26px;color: var(--color-default);margin-bottom: 20px;font-weight: normal; font-family: var(--font-bold);}
.add-btn {background: #D9EFFF;border-radius: 100px;font-size: 17px;line-height: normal;padding: 8px 20px;font-weight: normal;color: var(--color-default);border: transparent;}
.add-btn:hover {background: var(--color-default);color: #fff;}
.tooltip {position: relative;border: transparent;opacity: 1;}
.tooltip .tooltiptext {visibility: hidden;max-width: 387px;background-color: #DAE9FF;color: #006D99;text-align: center;border-radius: 10px;padding: 18px 20px;position: absolute;z-index: 1;top: -56px;left: 40%;margin-left: 0;font-size: 13px;line-height: 22px;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 10px;border-style: solid;border-color: #dae9ff transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}
.px-4 {padding-right: 2.0rem !important;padding-left: 2.0rem !important;}
.btn-center-row {display: flex;justify-content: center;margin-top: 23px;}
.dashboard-inner-deed {width: 100%;padding: 20px 20px;background: #fff;border-radius: 20px;float: left;}
.submitted-bg {background: #eefaf5;border-radius: 20px;padding: 25px 5px;}
.deed-section-right {text-align: center;width: 100%;float: left;display: flex;flex-direction: column;align-content: center;margin-top: 24px;}
.icon-check {width: 88px;height: 88px;background: #fff;border-radius: 100px;display: flex;justify-content: center;align-content: center;margin: 0 auto 27px;border: solid #21bf86 1px;}
.icon-check img {width: 34px;}
.deed-section-right h4 {font-size: 20px;line-height: 26px;margin-bottom: 26px;}
.deed-section-right p {font-size: 17.5px;line-height: 22px;color: #4E4E4E;}
.btn-row-dashboard {margin-top: 50px;}

/*--------------------------------------------------------------
# not-delete-modals css
--------------------------------------------------------------*/
.not-delete-modals .modal-dialog {max-width: 456px;border-radius: 10px;}
.not-delete-modals .modal-header {padding: 19px 22px 20px;position: relative;border-radius: 0;border-bottom: solid #DFDFDF 1px;}
.not-delete-modals .modal-header .modal-title {font-size: 16px;color: #FF8A00;margin: 0;}
.not-delete-modals .btn-close {background: #cccc;opacity: 1;width: 28px;height: 28px;padding: 0;border-radius: 100px;display: flex;justify-content: center;position: absolute;right: 30px; align-items: center}
.not-delete-modals .btn-close img {max-width: 10px;}
.not-delete-modals .btn-close:focus {outline: none;box-shadow: none;}
.dissolve-form .form-label {font-size: 14px;line-height: 24px;color: #4E4E4E;}
.dissolve-form .form-control {border: solid #e9ecef 1px;font-size: 14px;line-height: 24px;color: #383C3E;padding: 23px 20px;}
.not-delete-modals .modal-body {padding: 17px 22px 69px;position: relative;border-radius: 0;}
.dissolve-rw {margin-top: 38px;display: flex;justify-content: center;}
.dissolve-form textarea {height: 176px;}
.btn-submit {background: #FF8A00;border-radius: 100px;color: #fff;font-size: 16px;padding: 4px 30px 4px 30px;}
.btn-submit:hover {background: #006D99;color: #fff;}
.dissolve-content .icon {width: 40px;height: 40px;margin: 0 auto 27px;border: solid #FF8A00 2px;border-radius: 100px;display: flex;justify-content: center;align-content: center;}
.dissolve-content .icon img {max-width: 5.13px;}
.dissolve-content {width: 100%;display: block;float: left;margin-top: 26px;}
.dissolve-content p {font-size: 18px;line-height: 28px;text-align: center;max-width: 250px;margin: 0 auto;color: #383C3E;}
.btn-gary {background: #D1D1D1;border: transparent;padding: 2px 29px 2px;border-radius: 100px;font-size: 16px;color: #383C3E;}
.btn-gary:hover{ background: #FF8A00; color: #fff;}
.btn-home{background: #006D99;border: transparent;padding: 2px 29px 2px;border-radius: 100px;font-size: 16px;color: #fff;}
.btn-home:hover{ background: #FF8A00; color: #fff;}
.btn-group-custom {display: flex;justify-content: space-between;max-width: 225px;margin: 42px auto 65px;}
.not-delete {cursor: pointer;}


/*--------------------------------------------------------------
# offcanvas Tutorial video css
--------------------------------------------------------------*/

.tutorial-view-right.offcanvas.offcanvas-end {width: 688px;border-radius: 10px 0 0 0;padding: 32px 29px;}
.tutorial-view-right .btn-close {width: 28px;height: 28px;background-color: #EEEEEE;border-radius: 100px;background-image: url(../images/close-1.svg);opacity: 1;position: absolute;right: 0;top: 0;background-size: 10px;padding: 0;}
.tutorial-view-right .btn-close:focus {outline: none;box-shadow: none;}
.tutorial-view-right .offcanvas-header {border-bottom: solid #DFDFDF 1px;padding: 0 0 28px;margin-bottom: 39px;position: relative;}
.tutorial-view-right .offcanvas-body {padding: 0;}
.container-video-canvas{position: relative;float: left;width: calc(100% - 0px);margin-bottom: 50px;}
.container-video-canvas .thumbnails {float: left;position: relative;width: 100%;}
.container-video-canvas .thumbnails p {font-family: var(--font-default);position: absolute;top: 31px;left: 26px;font-size: 17px;line-height: 20px;color: #fff;font-weight: normal;max-width: 206px;margin-bottom: 0;}
.container-video-canvas .ply-block {right: auto;left: 29px;bottom: auto;top: 101px;}
.container-video-canvas .thumbnails:before {content: "";position: absolute;width: 100%;border-radius: 20px;background: rgb(0, 0, 0);background: linear-gradient(80deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);top: 0;height: 100%;}
.tutorial-view-right .container-video-canvas .thumbnails img {height: auto;}
/*--------------------------------------------------------------
# dashboard-section css
--------------------------------------------------------------*/
.dashboard-section {padding: 30px;}
.dashboard-inner-section { background: #D9EFFF;padding: 16px 30px 23px;border-radius: 20px;}
.partnership-dashboard-box {background: #fff;border-radius: 20px;padding: 12px 12px 18px;display: flex;align-items: center;flex-direction: column;flex-wrap: wrap;margin-right: 4px;}
.linkseablue {font-size: 16px;line-height: 28px;font-family: 'DM Sans',sans-serif;color: var(--color-default); font-weight: normal;}
.linkseablue:hover{color: var(--color-default);}
.linkseablue .arrow-blue {margin-left: 6px;width: 16px;height: 19px;}
.dashboard-video {position: relative;float: left;width: 100%;}
.dashboard-video .thumbnails-video {float: left;position: relative;width: 100%;background-image: url(../images/image33.jpg);background-size: cover;border-radius: 20px;background-repeat: no-repeat;height: 339px;background-position: center;}
.dashboard-video .thumbnails-video:before {content: "";position: absolute;width: 100%;border-radius: 20px;background: rgb(0, 0, 0);background: linear-gradient(120deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.00) 65%);top: 0;height: 100%;}
/*.dashboard-video .thumbnails-video img {width: 100%;border-radius: 20px;height: 339px;}*/
.dashboard-video .ply-block {position: absolute;left: 28px;right: auto;top: 89px;z-index: 1;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;bottom: auto;cursor: pointer;}
.dashboard-video .thumbnails-video p {position: absolute;top: 26px;left: 27px;font-size: 18px;line-height: 24px;color: #fff;max-width: 188px;}
.create-partnership-box {background:var(--color-default);border-radius: 20px;padding: 40px 40px 120px;text-align: center;margin-left: 4px;}
.create-partnership-box .icon-note {width: 48px;height: 56px;margin: 54px auto 40px;}
.linkdeed {color: #fff;font-size: 18px;line-height: 26px;text-decoration: none;font-weight: normal; font-family: var(--font-sansbold);}
.table-responsive-dashboard div.dt-container div.dt-length label {text-transform: capitalize;}
.linkdeed:hover{color: #fff;}
.linkdeed .arrow-w {margin-left: 12px;}
.dashboard-inner-section h3 {font-size: 18px;}
.add-partners .col-lg-4 {padding-left: 7px;padding-right: 7px;}
.pai-chart {margin: 0 auto 15px;width: 175px;height: 175px;display: flex;justify-content: center;align-content: center;}
.pai-chart .box {width: 100%;}
.pai-chart .box .chart {position: relative;width: 100%;text-align: center;font-size: 30px;line-height: 175px;height: 175px;color: #383C3E;font-weight: normal;font-family: var(--font-default);}
.pai-chart .box canvas {position: absolute;top: 0;left: 0;width: 100%;transform: rotate(-105deg);}
.form-group {position: relative;}

/* the code below is for the dropdown menu */
.wrapper-dropdown {position: relative;display: inline-block;width: 100% !important;padding: 8px 30px 15px;background: #F5F5F5;text-align: left;color: #A3A3A3;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 20px;border-radius: 10px;}
.scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden;}
.wrapper-dropdown .arrow {margin-right: 0;float: right;margin-top: 0;position: absolute;right: 29px;top: 35px;}
.selected-display {margin-left: 0;font-size: 16px;line-height: 24px;}
.wrapper-dropdown svg {transition: all 0.3s;}
.wrapper-dropdown::before {position: absolute;top: 50%;right: 16px;margin-top: -2px;border-width: 6px 6px 0 6px;border-style: solid;border-color: #fff transparent;}
.wrapper-dropdown .dropdown li h4 {font-size: 16px;line-height: 24px;margin: 0;color: #383C3E;}
.wrapper-dropdown .rotated {transform: rotate(-180deg);}
.wrapper-dropdown .dropdown {transition: 0.3s;position: absolute;top: 97%;right: 0;left: 0;margin: 0;padding: 0;list-style: none;z-index: 99;border-radius: 15px;box-shadow: inherit;background: inherit;-webkit-transform-origin: top;-moz-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;opacity: 0;visibility: hidden;}
.wrapper-dropdown .dropdown li {padding: 0 15px;line-height: 45px;overflow: hidden;}
.wrapper-dropdown .dropdown li:last-child {border-bottom: none;}
.wrapper-dropdown .dropdown {padding: 0.5rem !important;}
.wrapper-dropdown.active .dropdown {opacity: 1;visibility: visible;border-radius: 0;overflow: auto;max-height: 197px;}

/* ScrollBar */

.wrapper-dropdown.active .dropdown::-webkit-scrollbar {
    width: 10px;
}
.wrapper-dropdown.active .dropdown::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

.wrapper-dropdown.active .dropdown::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--color-default);
}
.selected-display h4 {font-size: 16px;line-height: 24px;margin: 0;color: #383C3E;}
.pr-6 {padding-right: 3rem;}
.your-list-section h4 {font-size: 18px;font-weight: normal;color: #383C3E;}
.your-list-section {padding-top: 28px;padding-bottom: 7px;}
.title-row {padding-left: 2rem;display: block;width: 100%;}
.table-responsive-dashboard {box-shadow: 0 0 10px #a7a7a766;background-color: #ffffff;border-radius: 20px;margin-top: 12px;}
.table-responsive-dashboard .dt-container {padding: 4px 0 18px; display: flex;flex-direction: column;}
.table-responsive-dashboard .table-upper-row .row {padding: 20px 0 13px 51px;}
.table-responsive-dashboard .table > thead{background: #E9ECEF;}
.table-responsive-dashboard .table > thead th {vertical-align: middle;background: #E9ECEF;font-size: 16px;font-weight: normal;text-align: left !important;border: transparent;padding: 11px 30px 11px 49px;color: #383C3E;}
.table-responsive-dashboard .table > tbody td {font-size: 16px;line-height: initial;box-shadow: none !important;border-bottom: solid #ededed 1px !important;padding: 14px 14px 14px 49px;text-align: left;color: #383C3E;}
.table-responsive-dashboard .table {margin-top: 0 !important;border: transparent !important;}
.btn-status {background: #FFC000;border: transparent;font-size: 16px;color: #fff;border-radius: 100px;padding: 4px 30px 6px;width: 150px;}
.btn-status:focus, .btn-status:hover {outline: none;box-shadow: none;color: #fff;}
.btn-dangers {background: #FF4646;border: transparent;font-size: 16px;color: #fff;border-radius: 100px;padding: 4px 30px 6px;min-width: 121px;}
.btn-dangers:focus, .btn-dangers:hover {outline: none;box-shadow: none;color: #fff;}
.table-responsive-dashboard .dt-search .form-control {background-color: transparent;border: solid #C4C4C4 1px;border-radius: 100px !important;position: relative;margin-bottom: 0;padding: 7px 20px;}
.actions-row a{margin-right: 15px;display: inline-block;}
.actions-row a img { width: 23px; height: 23px; }
.actions-row a:last-child{margin-right: 0;}
.chat-block {width: 35px;height: 35px;background: #FF8A00;border-radius: 100px;display: flex;justify-content: center;align-items: center;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0;border: transparent;}
.chat-gary img {max-width: 21px;}
.chat-gary{width: 35px;height: 35px;background: #AAAAAA;border-radius: 100px;display: flex;justify-content: center;align-items: center;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0; border: transparent;}
.chat-block img {max-width: 21px;}
.chat-block:hover {background: var(--color-default);}
.chat-gary:hover {background: var(--color-default);}
.actions-row {display: inline-block;margin: 0;padding: 0;list-style: none;}
.tooltip-bottom{position: relative;border: transparent;opacity: 1;}
.tooltip-bottom .tooltiptext {visibility: hidden;background-color: #DAE9FF;color: #006D99;text-align: center;border-radius: 10px;padding: 6px 23px;position: absolute;z-index: 1;bottom: -52px;left: -41px;font-size: 13px;line-height: 22px;}
.tooltip-bottom .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -11px;border-width: 10px;border-style: solid;border-color: #dae9ff transparent transparent transparent;transform: rotate(180deg);}
.tooltip-bottom:hover .tooltiptext {visibility: visible;}
.prient .tooltiptext {left: -33px;}
.actions-row li:last-child .tooltiptext {left: -47px;padding: 6px 16px;}
.schedule-rwo {display: flex;justify-content: center;width: 100%;margin-top: 39px;}
.schedule-rwo p {font-size: 16px;max-width: 220px;margin-right: 47px;margin-bottom: 0;line-height: 40px;}
.search-row-right {display: flex;justify-content: flex-end;width: 100%;padding: 10px 40px 13px;}
.btn-csv {background: #D9EFFF;border: transparent;border-radius: 100px;padding: 2px 23px 3px;font-size: 16px;color: var(--color-default);}
.btn-csv:hover {background: var(--color-default);color: #fff;}
.search-row-right .form-control {padding: 7px 20px;border-radius: 100px !important;width: 100%;height: auto;font-size: 16px;color: #B1B1B1;border: solid #C4C4C4 1px !important;}
.search-row-right .input-group-append {position: absolute;right: 15px;top: 6px;z-index: 9;}
.search-row-right .input-group {display: inline-block;margin-right: 20px;width: 207px;position: relative;}
.search-row-right .form-control::-ms-input-placeholder { /* Edge 12-18 */color: #B1B1B1;}
.search-row-right .form-control::placeholder {color: #B1B1B1;}
.search-row-right .input-group-append .btn {border: transparent !important;padding: .375rem .75rem;background-color: #fff !important;position: absolute;right: -13px;top: -4px;border-radius: 100px;}
.search-row-right .input-group-append .btn:hover {color: #000;}
.ul-status {margin: 0;list-style: none;display: flex;width: 100%;padding: 3px 0 0px;}
.ul-status li {padding-right: 45px;font-size: 16px;line-height: 24px;color: #006D99;}
.ul-status li .aug {color: #383C3E;}
.table-responsive-dashboard .table > thead th .dt-column-order {display: none;}
.ul-status li .aug i {margin-left: 8px;}
.table-responsive-dashboard .mt-2 {margin-top: 0 !important;}
.form-select-show-all .select2-container--bootstrap-5 .select2-selection--single {background-image: url(../images/dropdown-arrow-2.svg);border: transparent;padding: 0 3.1rem .0rem 0;font-size: 16px;color: #383C3E;background-size: 13px 20px;background-position: right 0.55rem center;min-height: auto;height: auto;}
.form-select-show-all .select2.select2-container.select2-container--bootstrap-5.select2-container--above.select2-container--focus:focus {outline: none;box-shadow: none;}
.form-select-show-all .select2-container--bootstrap-5.select2-container--focus .select2-selection, .form-select-show-all .select2-container--bootstrap-5.select2-container--open .select2-selection {border-color: transparent;box-shadow: none;}
.form-select-show-all .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {outline: none;box-shadow: none;}
.ul-status li .status-block {margin-bottom: 3px;}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {border-color: #006d99 !important;box-shadow: none !important;}
.input-group-append, .input-group-prepend {display: -ms-flexbox;display: flex;}
.table-responsive-dashboard .dt-length select {border: solid #C4C4C4 1px;padding: 8px 23px;}
.actions-row li.uploade .tooltiptext {left: -31px;}
.aug .form-control {
    border: transparent;
    padding: 0;
    font-size: 16px;
    border-radius: 0 !important;
}
.ul-status li .aug .input-group {
    width: 126px;
}
.ul-status li .aug .input-group-text {
    border: transparent;
    background: transparent;
    padding: 0;
    border-radius: 0 !important;
    margin-left: 10px;
    margin-top: -5px;
}
.ul-status li .aug .input-group-text img {
    max-width: 22px;
}

.button-back-to {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-content: center;
    margin-top: 38px;
}
.back-login {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    color: var(--color-default);
    text-decoration: underline;
}
.back-login:hover {
    color: #FF8A00;
}
.custom-select .select2-selection {font-family: var(--font-default);font-weight: normal;/*background-color: #F5F5F5;*/font-size: 16px;line-height: 26px;border-radius: 10px !important;color: #A3A3A3;min-height: 48px;/*border: solid #F5F5F5 1px;*/border: solid #e9ecef 1px;padding: .775rem 2.25rem .575rem 1.3rem;}
.custom-select .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: solid #CCDCF3 1px;
    box-shadow: none;
    background-color: #fff;
}

/* added css 29-5-98 */
/* dashboard */
.actions-row-added{
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    list-style: none;
}
.actions-row-added li {
    padding-right: 15px;
}
.actions-row-added .tooltip-bottom {
    cursor: pointer;
}
.search-details .input-group-append {
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 9;
}
.search-details .input-group-append .btn img {
    width: 20px;
}
.search-details .my-search {
    background: #f6f6f6;
    padding: 11px 20px 11px 47px;
    font-size: 16px !important;
    border: transparent;
    border-radius: 30px !important;
    color: #a6a6a6;
}
.user-detail {
    float: left;
    width: 52px;
    height: 52px;
    border: 2px #fff solid;
    /* box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2); */
    border-radius: 100px !important;
    display: flex;
    justify-content: center;
    align-content: center;
}
.container-welcome-survey{
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 100px;
}
.btn-expired {
    background: #6c5ec4;
}

/* main-right-div added */
.main-right-div ul li .icon-bg{
    width: 55px;
    height: 55px;
    background: #D9EFFF;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload-content{
    width: 100%;
    display: block;
    float: left;
    margin-top: 4px;
    background-color: #F3F3F3;
    border-radius: 10px;
    margin-bottom: 18px;
}
.upload-content-img{
    margin: 42px auto 17px;
    display: flex;
    justify-content: center;
}
.upload-content-p{
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.upload-content-p p{
    font-size: 14px;
}
.bottom-content p{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}
.btn-save{
    margin-top: 17px;
    background-color: #FF8A00;
    border: transparent;
    font-size: 16px;
    color: #fff;
    border-radius: 100px;
    min-width: 121px;
    padding: 0 2px 2px 0;
    margin-bottom: 4px;
}
.upload-deed-modal .modal-body{
    padding: 17px 22px 45px;
}
/* survey form */
.wlcom-sec{
    padding-left: 30px;
}
.wlcom-sec .navbar-vertical-content{
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #dae7ef;
    padding: 39px 16px 20px 16px;
    width: calc(23% - 9px);
}
.content-right-survey{
    padding: 88px 30px 33px;
    background-color: #DAE7EF;
    width: calc(76% - 39px);
}
.logo-section-survey img{
    max-width: 327px;
}
.nbvar-vrtcl-added .surveyp{
    font-size: 16px;
    color: #006D99;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}
.nbvar-vrtcl-added .surveyh3{
    color: #383C3E;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
}
.nbvar-vrtcl-added .surveyh3:after {
    content: '';
    background: #E2E2E2;
    height: 2px;
    position: absolute;
    top: 13px;
    right: 34px;
    width: 98px;
}
.nbvar-vrtcl-added .surveyh3::before {
    content: '';
    background: #E2E2E2;
    height: 2px;
    position: absolute;
    top: 13px;
    left: 29px;
    width: 103px;
}
.surveyul{
    padding-left: 47px;
}
.nbvar-vrtcl-added ul li{
    font-size: 14px;
    line-height: 28px;
}
.navbar-vrtcl-added-img{
    margin-top: 7px;
    padding-left: 25px;
    padding-right: 25px;
}
.navbar-vrtcl-added-img img{
    width: 100%;
}
.content-right .content{
    text-align: center;
}
.content-right .content h2{
    font-weight: bold;
    font-size: 34px;
}
.content-right .content p{
    margin-top: 38px;
    font-size: 18px;
    line-height: 28px;
}
.content-right .content button{
    margin-top: 32px;
}
.btn-query{
    background: transparent;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    border: transparent;
    color: var(--color-default);
}
.btn-query .icon{
    margin-bottom: 12px;
    margin-top: 2px;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
}
.btn-query .icon img{
    width: 21px;
}
.query-modal-content {
    padding: 30px 44px 28px !important;
}
.raise-aquery .modal-header .modal-title {font-size: 20px;color: #FF6A6A;font-weight: bold !important;line-height: 26px !important;padding-left: 8px;}
.raise-aquery .modal-header p{color: #4E4E4E;font-size: 16px;line-height: 24px;margin-top: 24px;padding-left: 8px;}
.raise-aquery .modal-body {padding: 0px 0 11px 0;margin-top: 11px;}
.raise-aquery .modal-body .form-label {font-size: 14px;line-height: 24px;margin-left: 20px;}
.raise-aquery .modal-body .form-control::placeholder{color: #006d99;font-size: 14px;}
.raise-aquery .modal-body .form-control {border-radius: 12px;border: none;padding: 10px 20px;font-size: 14px;background: #FFFFFF;line-height: 24px;}
.raise-aquery .modal-body .form-control:disabled {background: #e9ecef;}
.mb-19{
    margin-bottom: 15px;
}
.raise-aquery .modal-body .cstm-form{
    background-color: #F8F8F8;
    border: 1px solid #B7B7B7;
    border-radius: 20px;
    padding: 17px 41px 41px 22px;
}
.query-btn{
    text-align: center;
    margin-top: 41px;
}
/* partnership survey form */
.header-sec{
    text-align: center;
    margin-top: 10px;
}
.partnership-survey-form{
    padding-bottom: 35px;
}
.partnership-survey-form h2{
    font-weight: bold;
    font-size: 26px;
    padding-left: 22px;
    margin-bottom: 23px;
}
.partnership-survey-form .logo-section {
    margin-bottom: 19px;
}
.step-num{
    width: 66px;
    height: 59px;
    background: #FFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 21px;
    border-radius: 20px;
    border: 1px solid #006D99;
}
.step-num span{
    font-size: 26px;
    font-weight: bold;
    font-style: italic;
    color: #006D99;
}
.step-content .detail-form .my-label {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    text-align: start;
    width: 100%;
}
.step-content .detail-form{
    background: #DAE7EF;
    padding: 32px 17px 18px 44px;
    border-radius: 20px;
}
.step-content .detail-form .mrgn-btm{
    margin-bottom: 23px;
    margin-right: 27px;
}
.step-content .detail-form .form-control::placeholder{
    color: #A3A3A3;
    font-size: 16px;
}
.placeholder-pass::-webkit-input-placeholder {
    transform: translate(0px, 1px);
}
.placeholder-pass::-moz-placeholder {
    transform: translate(0px, 1px);

}
.placeholder-pass:-ms-input-placeholder {
    transform: translate(0px, 1px);
}
.placeholder-pass:-moz-placeholder {
    transform: translate(0px, 1px);
}
.step-content .detail-form .form-control{
    border-radius: 10px;
    padding: 10px 20px;
}
.step-content{
    margin-bottom: 29px;
}
.step2-content{
    padding-right: 316px;
}
.numbers{
    width: 43px;
    height: 43px;
    background: #fFFF;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
    margin-top: 22px;
    margin-bottom: 22px;
    cursor: pointer;
}
.numbers span{
    color: #383C3E;
    font-weight: bold;
    font-size: 22px;
}
.small-text p{
    font-size: 14px;
    color: #383C3E;
}
.mrgn-right{
    margin-right: 260px;
}
.mrgn-left{
    margin-left: 271px;
}
.bg-blue{
    background-color: #006D99;
}
.bg-blue span{
    color: #FFFFFF;
}
.step3-content h6{
    padding-left: 19px;
    padding-right: 13px;
    padding-top: 4px;
    color: #383C3E;
}
.step-content .multiple-ans{
    list-style-type: none;
    padding-left: 0;
    margin-top: 31px;
}
.step-content ul li{
    margin-bottom: 22px;
}
.check-icon{
    width: 38px;
    height: 38px;
    background: #006D99;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 19px;
    margin-top: 5px;
}
.check-icon i{
    font-size: 25px;
    color: #fff;
}
.check-content{
    background: #fff;
    padding: 9px 48px 9px 25px;
    border-radius: 10px;
}
.check-content span{
    font-size: 16px;
}
.check-icon-active{
    width: 38px;
    height: 38px;
    background: #ffff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 19px;
}
.check-icon-active svg{
    font-size: 25px;
    filter: brightness(0) saturate(100%)
}
.survey-form-text-area{
    text-align: start;
    padding-right: 23px;
    padding-top: 13px;
    padding-bottom: 17px;
}
.survey-form-text-area .form-label{
    font-size: 16px;
    line-height: 26px;
}
.step4-content {
    padding-right: 261px;
}
.percent-bg{
    background-color: #ffff;
    padding: 9px 25px 9px 25px;
    border-radius: 10px;
    margin-right: 20px;
}
.percent-bg span{
    font-size: 16px;
    line-height: 26px;
}
.percent-bg-blue{
    background-color: #006D99;
    padding: 9px 25px 9px 25px;
    border-radius: 10px;
    margin-right: 20px;
}
.percent-bg-blue span{
    color: #fff;
}
.percent{
    list-style-type: none;
    padding-left: 0;
    margin-top: 18px;
    margin-bottom: 4px;
}
.step5-content{
    padding-right: 429px;
}
.yes-bg{
    background-color: #006D99;
    padding: 9px 25px 9px 25px;
    border-radius: 10px;
    margin-right: 20px;
}
.yes-bg span{
    color: #ffff;
}
.step6-content{
    padding-right: 416px;
}
.step7-content h6 {
    padding-left: 206px;
    padding-right: 30px;
    padding-top: 4px;
    color: #383C3E;
}
.step8-content{
    padding-right: 240px;
}
.step8-content span{
    text-align: start;
}
.step8-content h6{
    font-size: 16px;
    line-height: 26px;
    color: #383C3E;
}
.step9-content{
    padding-right: 400px;
}
.step10-content {
    padding-right: 451px;
}
.green-btn:hover {
    background: #FF8A00;
}
.green-btn:hover i svg path {
    fill: #FF8A00;
}
.bg-blue:hover {
    background: #FF8A00;
}
.yes-bg:hover {
    background: #FF8A00;
}
.percent-bg-blue:hover {
    background: #FF8A00;
}
/* dashboard */

/* response */
.response-checke-icn{
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}
.response-check-icon{
    background: #FFFFFF;
    width: 88px;
    height: 88px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #21BF86;
}
.response-content p{
    font-size: 18px;
    line-height: 26px;
    margin-top: 25px;
    margin-bottom: 24px;
}
.step-content .response-box {
    background: #DAE7EF;
    padding: 43px 327px;
    border-radius: 20px;
}
.response-content{
    text-align: center;
}
/* dashboard header */

/* 11-06-2024 dashboard header css*/
.hamburger-menu-button {width: 55px; height: 55px; display: block;position: relative; margin-top: 0px; z-index: 100;overflow: hidden;outline: 0;border: transparent;background: transparent; padding: 0;}
.ham-menu { position: absolute; top: 3px; right: 75px;margin: auto;  max-width: 631px; overflow: hidden;}
.ham-menu .menu { -webkit-transform: translateX(110%); transform: translateX(110%);-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ham-menu.on .menu {-webkit-transform: translateX(-0px);transform: translateX(-0px);}
.hamburger-menu-button-close .bility-open { display: none;}
.ham-menu .menu {font-size: 0;display: flex; justify-content: space-between;}
.ham-menu .menu .btn-zoom { width: 55px; height: 55px;background: #D9EFFF;border-radius: 100px; display: flex;justify-content: center;align-items: center; border: transparent;margin-left: 12.4px; margin-right: 12.4px;}
.ham-menu .menu .btn-zoom:hover { background: var(--color-default);}
.ham-menu .menu .btn-zoom:focus{ outline: none;box-shadow: none;}
.ham-menu .menu .btn-zoom img { max-width: 32px;}
.ham-menu .menu .btn-zoom:hover img {filter: brightness(0) invert(1);}

/*03-07-2024*/
.table-width{border-color:#000;}
.table-width th{border: 1px solid #000;  font-family: var(--font-default); font-size: 18px;}
.table-width td {border: 1px solid #000; font-weight: normal; font-family: var(--font-default); font-size: 18px;}
.pdf-table {margin-bottom: 30px;}
.tr-row {display: flex;justify-content: space-between;width: 100%;border: 1px solid #000; flex-wrap: wrap;}
.tr-col-3 {flex: 0 0 auto;width: 36%;border-right: solid #000 1px;}
.tr-col-6 {flex: 0 0 auto; width: 64%;}
.img-thumbnails { max-width: 100%;height: 131px; border-bottom: solid #000 1px;}
.colspan-row {border-bottom: solid #000 1px;display: flex;justify-content: space-around; width: 100%;}
.col-block-8 { width: 75%;}
.col-block-4 {width: 35%; border-left: solid #000 1px;}
.col-row-1 {border-bottom: solid #000 1px; padding: .5rem .5rem;}
.col-row-1:last-child {border: transparent;}
.col-row-1 p {margin-bottom: 0;}
.language-paragraph p {line-height: 32px;font-family: 'AL-KANZ';font-weight: 500;font-style: normal; padding: 20px;margin-bottom: 0;}
.table-header {text-align: center; background-color: #dedddd; color: #000;border: 1px solid #000;padding: 10px;margin-bottom: 30px;}
.table-header h3{font-size: 22px;font-family: var(--font-bold); line-height: 32px; color: #000;}
.table-header p{font-size: 18px;font-family: var(--font-bold); line-height: 32px; color: #000; margin-bottom: 0;}
.queries-no {margin-bottom: 30px; width: 100%;}
.input-border-bottom {border-top: transparent;border-left: transparent;border-right: transparent;border-bottom: solid #000 1px;}
.input-border-bottom:focus-visible { outline: none;}
.input-border-bottom:focus { border-bottom: solid #000 1px;}
.deed-box { border: solid #000 1px; padding: 20px;}
.table-width p {margin-bottom: 0;}
.signature-block p {font-family: var(--font-bold);margin: 0px;font-size: 18px;line-height: 32px;}

/*06/08/2024*/
.user-detail img { border-radius: 100px;}
.checklist-header {display: flex; justify-content: space-between; width: 100%;}
.checklist-header .col-logo img {max-width: 130px; width: 130px; border-radius: 0;}
.checklist-block { display: flex; max-width: 600px; margin: 0 auto; flex-wrap: wrap;justify-content: center;}
.checklist-block img{max-width: 400px;}
.description-name {width: 100%;margin-top: 25px;margin-bottom: 25px;}
.deed-number-block { border-bottom: solid #000 1px;padding: 5px; font-size: 16px; line-height: 26px; font-weight: bold;}
.check-list{margin-top: 25px;margin-bottom: 25px;}
.check-list .check-list-h3{color: #000000;font-family: cursive;font-weight: 500;}
.check-listing span{padding-left: 15px;}
.check-listing{display: flex;justify-items: center;margin-bottom: 20px;}
.checked-box{height: 20px;width: 20px;border: 1px solid #000;margin-top: 6px;border-radius: 5px;}
.border-top-l{border-top: solid #000 1px;border-bottom: none;}
.top-line{background: #000;width: 219px;height: 1px;}
.bottom-content{padding-top: 25px;}
.bottom-name{padding-top: 10px;}
.top-line-t{background: #000;width: 200px;height: 1px;}

/*--------------------------------------------------------------
# all page responsive css
--------------------------------------------------------------*/

/* survey form */
@media (min-width: 2560px){
    .nbvar-vrtcl-added .surveyh3::before {
        top: 209px;
        left: 168px;
        width: calc(7% - 100px);
    }
    .nbvar-vrtcl-added .surveyh3:after {
        top: 209px;
        left: 423px;
        width: calc(7% - 100px);
    }
    .nbvar-vrtcl-added .surveyul{
        padding-left: 120px;
    }
    .navbar-vrtcl-added-img img {
        width: 100%;
        max-width: fit-content;
        padding-left: 100px;
    }
}

@media (max-width: 1600px){
    .nbvar-vrtcl-added .surveyh3::before {
        top: 234px;
        left: 89px;
    }
    .nbvar-vrtcl-added .surveyh3:after {
        top: 232px;
        left: 288px;
    }
}
@media (max-width: 1512px) {
    .btn-lisan {padding: 5px 14px;font-size: 13px;}
    .btn-link-2 {padding: 5px 14px;font-size: 13px;}
    .navbar-vertical-content{width: calc(30% - 9px);}
    .content-right { width: calc(71% - 30px);}
    .card-left p {font-size: 16px;}
    .step-box h3 {max-width: 109px;font-size: 16px;}
    .card-left {padding: 44px 30px 44px;}
    .dashboard-video .thumbnails-video{height: 332px;}
    .dashboard-video .thumbnails-video img{height: 332px;}
    .pai-chart{width: 167px;height: 167px;}
    .create-partnership-box{padding: 40px 40px 114px;}
    /* survey form */
    .nbvar-vrtcl-added .surveyh3::before {
        top: 237px;
        left: 108px;
    }
    .nbvar-vrtcl-added .surveyh3:after {
        top: 235px;
        left: 291px;
    }


}
@media (max-width: 1440px) {
    .step-box h3 {font-size: 16px;}
    .card-left {padding: 30px 30px 30px;}
    .progress-details {width: 65%;}
    .pai-chart{width: 153px;height: 153px;}
    .pai-chart .box .chart{line-height: 153px;height: 153px;}
    .dashboard-video .thumbnails-video{height: 318px;}
    .dashboard-video .thumbnails-video img{height: 318px;}
    .create-partnership-box{padding: 40px 40px 99px;}
    /* survey form */
    .nbvar-vrtcl-added .surveyh3::before {
        content: '';
        background: #E2E2E2;
        height: 2px;
        position: absolute;
        top: 234px;
        left: 89px;
        width: calc(11% - 100px);
    }
    .nbvar-vrtcl-added .surveyh3::after {
        content: '';
        background: #E2E2E2;
        height: 2px;
        position: absolute;
        top: 234px;
        left: 282px;
        width: calc(11% - 100px);
    }

}
@media (max-width: 1366px) {
    .step-box{flex: 1 0 160px; width: 160px;}
    .card-left { padding: 32px 30px 32px; }
    .dissolution-fill-details .modal-dialog {max-width: 1330px;}
    .dissolution-fill-details .details-form .form-label {font-size: 0.9rem;}
    .expenses-fill-details-modal .modal-dialog{max-width: 1330px;}
    .add-partners-modal .modal-dialog{max-width: 1330px;}
    .modal-profits-dissolution .modal-dialog{max-width: 1330px;}
    .pr-6 {padding-right: 2rem;}
    .business-details-modal-1 .modal-dialog{max-width: 1330px;}
    .business-details-modal-edit .modal-dialog{max-width: 1330px;}
    .dashboard-video .thumbnails-video{height: 297px;}
    .dashboard-video .thumbnails-video img {height: 297px;}
    .create-partnership-box{padding: 40px 40px 79px;}
    .pai-chart {width: 132px;height: 132px;}
    .pai-chart .box .chart {line-height: 132px;height: 132px;}
    /* survey form */
    .nbvar-vrtcl-added .surveyh3::before {
        content: '';
        background: #E2E2E2;
        height: 2px;
        position: absolute;
        top: 234px;
        left: 89px;
        width: calc(11% - 100px);
    }
    .nbvar-vrtcl-added .surveyh3::after {
        content: '';
        background: #E2E2E2;
        height: 2px;
        position: absolute;
        top: 234px;
        left: 269px;
        width: calc(11% - 100px);
    }
}
@media (max-width: 1280px) {
    .fill-help {width: 40%;text-align: center;}
    .page-navigation ul .Previous a {width: 26px;height: 26px;font-size: 23px;}
    .page-navigation ul .next a {width: 26px;height: 26px;font-size: 23px;}
    .fill-box-row-inner {max-width: 420px;}
    .step-box {flex: 1 0 150px;width: 150px;}
    .btn-lisan{padding: 9px 11px;font-size: 13px;}
    .btn-link-2 {padding: 9px 11px;font-size: 13px;}
    .page-navigation ul .Previous a i, .page-navigation ul .next a i {margin-top: 4px;}
    .dissolution-fill-details .modal-dialog { max-width: 1258px;}
    .dissolution-fill-details .details-form .form-label {font-size: 0.8rem;}
    .expenses-fill-details-modal .modal-dialog{ max-width: 1258px;}
    .add-partners-modal .modal-dialog{max-width: 1258px;}
    .modal-profits-dissolution .modal-dialog{max-width: 1258px;}
    .btn-view {padding: 5px 20px 5px 18px;}
    .business-details-modal-1 .modal-dialog{max-width: 1258px;}
    .business-details-modal-edit .modal-dialog{max-width: 1258px;}
    .create-partnership-box{padding: 40px 40px 58px;}
    .pai-chart .box .chart {line-height: 115px;height: 115px;font-size: 24px;}
    .pai-chart {width: 118px;height: 112px;}
    .linkdeed {font-size: 16px;}
    .dashboard-video .thumbnails-video{height: 277px;}
    .dashboard-video .thumbnails-video img {height: 277px;}
    /* survey form */
    .nbvar-vrtcl-added .surveyh3::after {
        left: 260px;
    }

}

@media (max-width: 767px) {
    .container-login {max-width: 100%;padding: 0 20px;display: block;}
    .container-welcome {flex-wrap: wrap;}
    .welcome-section {padding: 30px 15px;height: 100%;}
    .navbar-vertical-content {width: 100%;border-radius: 20px;padding: 38px 20px;}
    .content-right {width: 100%;margin-top: 20px;padding: 30px 15px;}
    .user-details {width: 36px;height: 36px;}
    .user-details img {max-width: 32px;height: 34px;}
    .logout {margin-left: 9px;width: 20px;}
    .logo-main a img {width: 36px;}
    .offcanvas-menu > label {left: -42px;}
    .search-details {padding-left: 8px;max-width: 100%;}
    .container-video {width: 100%;max-width: 100%;}
    .container-video .thumbnails img {width: 100%;}
    .container-video {margin-top: 20px;margin-bottom: 20px;}
    .ply-block .icon img {max-width: 38px;}
    .container-video .thumbnails p {left: 9px;font-size: 14px;top: 15px;line-height: normal;}
    .button-wrapper-row {flex-wrap: wrap;justify-content: center !important;}
    .button-wrapper-row .d-flex.align-center {margin-top: 23px;}
    .eligibility-block {padding: 30px 15px;}
    .top-heading h2 {font-size: 26px;}
    .card-left{padding: 30px 15px;}
    .logo-section img {width: 100%;}
    .description-content-right {margin-top: 0;padding-left: 0;}
    .description-content-right h2 {font-size: 16px;line-height: 18px;font-weight: normal;text-align: center;margin-bottom: 20px;}
    .form-control {font-size: 14px;line-height: 18px;}
    .login-block label {font-size: 14px;line-height: 18px;}
    .login-block .button-wrapper {flex-wrap: wrap;flex-direction: column;margin-top: 34px;}
    .login-block .button-wrapper .form-check {margin-bottom: 30px;}
    .submit-btn {font-size: 16px;}
    .org-block .link-description {font-size: 16px;line-height: 26px;}
    .org-block .icon img {width: 31px;}
    .login-block {padding: 28px 30px;}
    .org-block .icon {margin-right: 5px;width: 47px;height: auto;}
    .logo-section {padding-left: 0;margin: 0 auto 40px;display: flex;justify-content: center;}
    .field-icon {margin-right: 23px;margin-top: -37px;}
    .submit-btn i {width: 40px;height: 40px;left: -11px;top: -5px;}
    .step-wrapper {flex-wrap: wrap;}
    .step-box {margin-bottom: 20px;}
    .language-wrapper {flex-wrap: wrap;}
    .page-navigation {width: 100%;}
    .deed-section-rwo {padding-left: 0;}

}
@media (max-width: 480px) {
    .logo-section img {max-width: 283px;}
    .login-block {padding: 28px 30px 40px;}
    .main-right-div ul li {margin-right: 12px;}
    .user-details {width: 25px;height: 26px;}
    .user-details img {max-width: 24px;height: 24px;}
    .main-right-div ul li a .notification i {font-size: 20px;}
    .main-right-div ul li a .notification .count-symbol {width: 20px;height: 20px;top: -8px;font-size: 14px;}
    .search-details input {width: 100%;font-size: 10px;}
    .deed-section-right h4 {font-size: 15px;line-height: 22px;}
    .deed-section-right p {font-size: 14px;line-height: 22px;}
    .top-nav ul li a {font-size: 12px;}
    .top-nav ul li a::after {top: -6px;right: -21px;}
    .next-btn {font-size: 14px;}
    .btn-link-2 {width: 100%;display: block;margin-bottom: 10px;text-align: center;}
    .btn-lisan{width: 100%;display: block;margin-bottom: 10px;text-align: center;}
    .description p{font-size: 14px;line-height: 22px;}
    .step-box h3 {max-width: 100%;}
    .progress-block {margin-top: 20px;flex-wrap: wrap;}
    .progress-block .icon-block {max-width: 100%;text-align: center;margin-bottom: 20px;}
    .progress-details {width: 100%;}
    .fill-box-row-inner {max-width: 100%;flex-wrap: wrap;}
    .fill-help {width: 100%;text-align: center;margin-top: 10px;}
    .fill-deed {text-align: center;width: 100%;margin-bottom: 10px;}
}