.pb-50 {

    padding-bottom: 50px;
}

.pt-50 {

    padding-top: 50px !important;
}

.mt-15 {

    margin-top: 15px !important;
}

.hover-color:hover {

    background: #f5f1ff;
}

.pt_50 {

    padding-top: 50px;
}

.font-size20px {

    font-size: 20px;
}

.accordion-body {

    font-size: 16px;
}

#contactForm .lable_name {

    margin-bottom: 10px;
    color: black;
    font-weight: 800;
}
.height_100{

    height: 93%;
}

#name-error {

    color: red;
}

#number-error {

    color: red;
}

#email-error {

    color: red;
}

#message-error {

    color: red;
}

/* signup style */


.sign-in-wrapper {
    min-height: 100vh;
    display: flex;
    overflow: hidden;
}

.sign-in-left-content {
    z-index: 1;
    width: 100%;
    max-width: 50%;
    background-image: url(../images/new/signin-bg-01.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.sign-in-details-wrapper {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.sign-in-details-text-wrapper {
    margin-bottom: 45px;
}

.sign-in-details-logo-wrapper {
    margin-bottom: 25px;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.section-title.white {
    color: #fff;
}

.section-title {
    color: #0000;
    text-transform: capitalize;
    margin-bottom: 9px;
    font-size: 60px;
    font-weight: 800;
    line-height: 120%;
}

.sign-in-mobile-wrap {
    justify-content: center;
    display: flex;
}

.sign-in-img._1 {
    position: relative;
    transform: rotate(-13deg);
}

.sign-in-img {
    width: 300px;
    margin-bottom: -166px;
}

.sign-in-img._2 {
    margin-left: -50px;
    transform: rotate(13deg);
}

.sign-in-right-content {
    width: 100%;
    max-width: 640px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 30px;
    display: flex;
}

.log-in {
    width: 100%;
}

.sign-in-form-wrap {
    margin-bottom: 0;
}

.w-form {
    margin: 0 0 15px;
}

.sign-in-form-content-wrap {
    margin-bottom: 40px;
}

.sign-in-title {
    color: #000111;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
}

.alternative-details {
    color: #6d7280;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

.alternative-link {
    color: #8349ff;
    font-weight: 600;
    text-decoration: none;
}

.sign-in-single-fields {
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
}

.sign-in-field-label {
    color: #000111;
    text-transform: capitalize;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}

.sign-in-field {
    height: 58px;
    background-color: var(--white);
    color: var(--black-one);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    margin-bottom: 0;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
}

.w-input, .w-select {

    width: 100%;
    vertical-align: middle;
    display: block;
}

.sign-in-or-wrap {
    grid-column-gap: 20px;
    text-align: center;
    align-items: center;
    display: flex;
}

.or-border {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
}

.or-text {
    width: 100%;
    color: var(--paragraph);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.sign-in-app-link-wrap {
    grid-column-gap: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sign-in-app-link {
    width: 100%;
    height: 60px;
    max-width: 60px;
    background-color: var(--alice-blue);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
    display: none;
}

.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none;
}

.primary-button.red._w-100 {
    width: 100%;
}

.primary-button.red {

    background-color: #ff5353;
}

.primary-button {

    z-index: 1;
    border-radius: 12px;
    padding: 19px 34px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    position: relative;
    overflow: hidden;
}

.tab-pane {
    display: none !important;
}

.tab-pane.active {
    display: block !important;
}

.width_40 {

    width: 40%;
}

.core-feature-small-img._10 {
    border-radius: 9px;
    position: absolute;
    top: auto;
    bottom: 48px;
    left: auto;
    right: -25px;
    transform: rotate(-13.83deg);
}

.core-feature-small-img._8 {
    border-radius: 9px;
    position: absolute;
    top: 66px;
    bottom: auto;
    left: auto;
    right: -43px;
    transform: rotate(12.67deg);
}

.core-feature-small-img._9 {
    border-radius: 12px;
    position: absolute;
    top: auto;
    bottom: 60px;
    left: -46px;
    right: auto;
    transform: rotate(15.7deg);
}

.core-feature-small-img._7 {
    border-radius: 12px;
    position: absolute;
    top: 98px;
    bottom: auto;
    left: -29px;
    right: auto;
    transform: rotate(-12.26deg);
}

.core-feature-img-wrap {
    position: relative;
}

.core-feature-img-wrapper {
    background-color: #e6b6ff;
    border-radius: 10px;
    justify-content: center;
    align-items: flex-end;
    padding-top: 52px;
    display: flex;
}

#w-node-_47c9176a-e119-83e3-053b-58f87d25f08d-81dc28bb, #w-node-f85e7e07-7243-0540-4697-4168ad05038d-81dc28bb, #w-node-_9eaf4f83-226e-b61e-1cf6-56d926854bc2-81dc28bb, #w-node-ecbed778-4b7b-a70f-5378-fdae8f279659-81dc28bb, #w-node-_984f283f-e36b-c62b-a29e-e3e3d3fc52e4-81dc28bb, #w-node-_54c0b1e5-5528-b676-bca0-3d5bd8beb777-81dc28bb, #w-node-_400c172f-413a-3325-9951-0fd002b9e77f-81dc28bb, #w-node-_079b6fc8-c4cf-27d7-405d-7f78e7fa79e4-81dc28bb, #w-node-_079b6fc8-c4cf-27d7-405d-7f78e7fa79fb-81dc28bb, #w-node-e18079bb-d0ce-9b9d-a542-cd83f26b6ea0-81dc28bb, #w-node-e18079bb-d0ce-9b9d-a542-cd83f26b6eb7-81dc28bb, #w-node-_4ded17aa-be1d-79fc-57fa-4982ee27ae7f-81dc28bb, #w-node-_4ded17aa-be1d-79fc-57fa-4982ee27ae96-81dc28bb, #w-node-_340aae12-5de6-9b7b-afa9-ae4fe20e8e4e-81dc28bb, #w-node-af00fecf-0e9e-41de-b815-841108deb9ca-81dc28bb, #w-node-ed9f1902-2a97-1490-e0ca-60597a0c2df8-81dc28bb, #w-node-a95e6de4-7a29-159a-88df-4498487e85b0-81dc28bb, #w-node-_1cf3de37-f8a4-4fe4-4a04-3b88e9b64a50-81dc28bb, #w-node-_9f06f246-da73-3dee-f143-10b1f52852a7-81dc28bb, #w-node-_3337ef9a-4411-da18-c3e8-039d8a7a770c-81dc28bb, #w-node-_3337ef9a-4411-da18-c3e8-039d8a7a7744-81dc28bb, #w-node-_621e3f53-0016-7703-fed1-641e3343bc15-65deae96, #w-node-_621e3f53-0016-7703-fed1-641e3343bb6e-65deae96, #w-node-_621e3f53-0016-7703-fed1-641e3343bb70-65deae96, #w-node-_621e3f53-0016-7703-fed1-641e3343bbde-65deae96, #w-node-_621e3f53-0016-7703-fed1-641e3343bbdf-65deae96, #w-node-_7b22bef5-c3e0-7de1-4df2-e541c2329f72-65deae96, #w-node-dc15607a-d39d-80ca-927c-ecc5baec7295-65deae96, #w-node-db75257b-b8d7-5d67-1de4-f668647d7c73-65deae96, #w-node-db75257b-b8d7-5d67-1de4-f668647d7cab-65deae96, #w-node-_8f196199-b2f4-b438-fbe4-7730fd13716f-403664a0, #w-node-_8f196199-b2f4-b438-fbe4-7730fd1371a4-403664a0, #w-node-_8f196199-b2f4-b438-fbe4-7730fd1371a6-403664a0, #w-node-b23edcc9-b2ed-5b65-a43f-0f3138421ac4-403664a0, #w-node-b23edcc9-b2ed-5b65-a43f-0f3138421afd-403664a0, #w-node-b23edcc9-b2ed-5b65-a43f-0f3138421b00-403664a0, #w-node-b23edcc9-b2ed-5b65-a43f-0f3138421b49-403664a0, #w-node-b23edcc9-b2ed-5b65-a43f-0f3138421b4a-403664a0, #w-node-_060cfded-16d7-f50b-2084-20ebda1ba59d-403664a0, #w-node-bb7eaf90-9869-0b5f-b5af-5342a9a18d1e-403664a0, #w-node-_84ffcd52-d45b-69e4-727e-7c5e27333ca1-403664a0, #w-node-_28f137d1-c90d-ee9d-7d4d-9a1f7503e288-403664a0, #w-node-_326444b4-fbd8-4e53-aa35-a10fb75b4128-403664a0, #w-node-_326444b4-fbd8-4e53-aa35-a10fb75b4160-403664a0, #w-node-_8bf73439-1de9-4c94-55c7-963209e60936-14a755f5, #w-node-_8bf73439-1de9-4c94-55c7-963209e60945-14a755f5, #w-node-_8bf73439-1de9-4c94-55c7-963209e60955-14a755f5, #w-node-_8bf73439-1de9-4c94-55c7-963209e60961-14a755f5, #w-node-_8bf73439-1de9-4c94-55c7-963209e6096d-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afe7f-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afe96-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afe9e-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afeb1-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afeb9-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afed0-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afed8-14a755f5, #w-node-ee2a7db2-6c31-fccb-4389-2babcb0afeeb-14a755f5, #w-node-_4a77ffe5-fbc7-ed92-efb6-7d7241318597-460ef274, #w-node-_4a77ffe5-fbc7-ed92-efb6-7d72413185a3-460ef274, #w-node-_4a77ffe5-fbc7-ed92-efb6-7d72413185af-460ef274 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

.core-feature-content-wrapper {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px 30px 30px 50px;
}

.core-feature-content-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.core-feature-title {
    color: #000111;
    margin-bottom: 13px;
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
}

.core-feature-details {
    color: #6d7280;
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
}

.core-feature-list {
    grid-row-gap: 12px;
    flex-direction: column;
    margin-bottom: 65px;
    padding-left: 0;
    display: flex;
}


.core-feature-list-item {
    grid-column-gap: 8px;
    align-items: center;
    display: flex;
}

.core-feature-list-image {
    z-index: 1;
    position: relative;
}

.core-feature-list-text {
    color: #000111;
    letter-spacing: -.02em;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.text-btn-wrap {

    font-size: 17px;
    font-weight: 600;
    line-height: 160%;
    text-decoration: underline;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.text-button-flex-wrap {
    grid-column-gap: 13px;
    align-items: center;
    display: flex;
}

.core-features-tab-menu-wrap {
    width: 100%;
    max-width: 320px;
    grid-row-gap: 18px;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    margin-right: 30px;
    padding: 40px;
    display: flex;
}

.core-features-tab-link {
    background-color: #f3f5fc;
    color: var(--black-one);
    text-align: center;
    border-radius: 12px;
    padding: 19px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 136%;
}

.core-feature {
    background-color: #f3f5fc;
}


.core-features-wrapper {
    display: flex;
    overflow: hidden;
}

.core-feature-v2-content-wrap._2 {
    background-color: #c656ff;
    padding-top: 69px;
    padding-left: 60px;
}

.core-feature-v2-content-flex {
    grid-column-gap: 35px;
    display: flex;
}

.core-feature-v2-content {
    max-width: 368px;
    margin-bottom: 60px;
}

.core-feature-v2-title {
    color: #fff;
    margin-bottom: 13px;
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
}

.core-feature-v2-details {
    color: #ffff;
    margin-bottom: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
}

.core-feature-v2-list-wrap {
    grid-row-gap: 12px;
    flex-direction: column;
    margin-bottom: 40px;
    padding-left: 0;
    display: flex;
}

.w-list-unstyled {

    list-style: none;
}

.core-feature-v2-list-item {
    grid-column-gap: 9px;
    align-items: center;
    display: flex;
}

.core-feature-v2-list-details {
    color: #fff;
    letter-spacing: -.01em;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
}

.primary-button {
    z-index: 1;
    background-color: #ffff;
    /* color: var(--black-one); */
    border-radius: 12px;
    padding: 19px 34px;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    position: relative;
    overflow: hidden;
}

.primary-button-content-flex {
    grid-column-gap: 10px;
    align-items: center;
    display: flex;
}

.primary-button-hover-shape.top {
    z-index: -1;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.primary-button-hover-shape {

    background-color: #15de9b;
}

.primary-button-hover-shape.bottom {
    z-index: -1;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.primary-button-hover-shape {

    background-color: #15de9b;
}

.core-feature-v2-img-wrap {
    align-self: flex-end;
}

.core-feature-v2-link-wrap._1 {
    background-color: var(--black-two);
}

.core-feature-v2-content-wrap._1 {
    background-color: #000a20;
    padding-top: 69px;
    padding-left: 60px;
}

.core-feature-v2-link-flex {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.form-group input, .form-group textarea {

    border: 1px solid black;
    border-radius: 12px;

}


.modal-body {
    position: relative;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.in {
    opacity: 1;
}

.modal {

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    }
}

.modal-dialog {

    position: relative;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    background-clip: padding-box;
    outline: 0;
}

.modal-body {
    position: relative;
    /* padding: 15px; */
}

.modal_content_style {

    width: 750px;
    margin-top: 100px;
    height: auto;
    margin: 0 auto;
}

.style_width{

    width: 100%;
    max-width: 750px;
    height: auto;
}
.modal-dialog .style_{

    margin-top: 131px;
}
.modal-dialog{

   max-width: unset !important;
   width: auto;
   margin-top: 131px;
}
.modal_content_style{

    width: 500px;
}
#phone-error{


    color: red;
}